ブロックレベル要素の高さを揃える方法あれこれ

ネタ元：[mixi] CSSテクニック | divの高さを100%に 複数のカラムを利用するときに、 コンテンツの量によって高さは変わってくる。 でも、高さを同じにして見た目を同じにしたい！ というケースに出会った事があるひとが多いのではないだろうか？ その場合まず考えられるのが、heightを指定して、同じ分px指定をする方法。 でもこの方法だと、コンテンツ量が変化するたびに変化させる必要があって面倒。 では、どのようにしたら高さを同じにできるのか？ 調べてみたら様々な方法があるようなので、まとめてみた。 CSSで揃える - その１ 揃える方法はいろいろあるが、まずはCSSで揃える方法。 一度画面がはみ出るくらい長くpadding-bottomを指定してmargin-bottomでその幅を縮小。 あとは親要素にoverflow: hiddenを指定して、必要な範囲だけにする方法である。

[syrup16]

ブロックレベル要素の高さを揃えるheightLine.js[to-R]　が一番使いやすい感じ。

[daira4000]

ボックスを揃える方法

[t32k]

高さを揃えるまとめ - Tags: #javascript #CSS

[willnet]

高さをそろえる方法まとめ

[takhino]

段組の底辺をそろえる。