metal.izeにエントリーされていたスタイルシートを紹介します。
Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。
sample:高さがばらばらのdiv
sample:高さが揃ったdiv
スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。
詳しくは、最小限にしたサンプルを作成したので参照ください。
高さの異なるカラムを揃えるスタイルシートのサンプル
下記の「32768px」って、何か特別な意味があるのでしょうか。
padding-bottom: 32768px;
margin-bottom: -32768px;
Post on:2007年10月25日
こんな方法があるんですね☆
ドリームウェーバーで開くと32768pxが表示されてきになりますが、プレビューした時に高さがそろってるのは見た目的に美しいので使わせていただきます！