CSS3 – floatはいらない – display:box;


CSS3でフロートレイアウトしたいときに使える『display:box;』

もうfloatはいらない!
2カラム、3カラムレイアウト時floatで横並びにしていましたが、高さが揃わず苦労することがありました。
display: box;を使えば自動的に横並びに、そして最大の高さを持つボックスに揃えてくれる。

フロートしたい要素の親要素に指定するだけ。

HTML

CSS

すごく簡単。IEは要チェック。
display:box;
可変、順序変更については追って・・・


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL