CSSレイアウト最大の弱点にして、最大の悩みだった、ブロックレベル要素の高さを揃えたい!を解決。

CSSレイアウト最大の弱点にして、最大の悩みだった、ブロックレベル要素の高さを揃えたい!という難題。それが、あっさり解決してしまったよ、の巻。

とにかくこのサイトを見ろ!

ブロックレベル要素の高さを揃えるheightLine.js

ネット販売サイトの商品一覧画面などで、商品をfloatで流し込むときなどに使えますね。商品ブロックのheightを指定して高さを固定する必要もなくなりますし、1行ずつfloatをクリアする必要もなくなります。単純な2段組レイアウトで使えば、背景の設定とかがとっても楽チンになります(そのためだけに使うほどのことではありませんが・・・)。当たり前にできてほしいことが、できるようになる。これってすごいことです。