旦那ラボ vol.3 - 親ボックスの高さを拡張させるCSSハック -clearfix-Clearfixハックの紹介（？） ここ最近年のせいか、物覚えが悪くなったので、CSS備忘録としてclearfixハックを書き留めておきます。 CSSレイアウトで制作を行っていると、必ず遭遇する問題。clearfixという名称がついている事を知らず、改めて知識のなさを痛感しました。（よく使っていたハックではあるのですが。。。） 上記の場合で、親ボックスが子ボックスを内包する対処方法が以下。 /*親ボックス */ .oya { width: 500px; } /* 以降clearfixハック */ .oya:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .oya { display: inline-block; } /* Except MacIE ¥*/ * html .
