- ホームページ制作履歴
- > 覚書
- > CSSのfloatで横並びにしたボックスの高さを合わせる
CSSのfloatで横並びにしたボックスの高さを合わせます。
こんな時に使用
線や背景色を設定していて、高さの異なるボックスが隣接して不揃いな印象を解消する
やり方
並べるボックスそれぞれにpadding-bottom:32768px; margin-bottom:-32768px;を指定。その並べたボックスを包む要素にoverflow:hidden;を指定
問題点：Dreamweaverのデザインビューではレイアウトが崩れる。
考慮点：状況によっては背景色だけなら包みこむ要素に背景色を、線はコンテンツ量が多いほうのボックスに指定するだけで済む場合もある。
やるとこんな感じ
1111
111
111
111
111
111
111
111
やらないとこんな感じ
1111
111
111
111
111
111
111
111
このページに関連すると思われるキーワード
CSS,float,フロート,ボックス,box,カラム,高さ,合わせる,揃える
参考サイト：coliss