エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSでサイドとメインの高さを揃える方法 - ウェブ屋 Junonet
記事へのコメント3件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでサイドとメインの高さを揃える方法 - ウェブ屋 Junonet
2カラムでサイトを作っていると、ブログでもそうですが、メインの部分が長くなると、サイドバーの部分が... 2カラムでサイトを作っていると、ブログでもそうですが、メインの部分が長くなると、サイドバーの部分が上の方で切れてしまい、下の方に行くとサイトイメージが変わってしまうことがありますよね。 サイドの背景色に高さを長めに設定しても、ページによって変わるメインと同じ高さに合わすことはできません。 背景画像を設定しrepeat-yで対応できなくもないんですが、コリスさんがCSSでサイドバーと本文部分の高さを揃えるいい方法を紹介してくれてました。 [CSS]高さの異なるカラムを揃えるスタイルシート | コリス どうするかといえば、サイドの「padding-bottom」と「margin-bottom」に、同じ数値をプラスとマイナスで指定して、サイドとメインのdiv要素を包んだdivに「overflow:hidden;」を指定するという方法です。 で、設定する数値っていうのは「32768px」というお