最新ITニュース：SpIT

loat: leftやfloat:rightで配置された画像は、それを含むボックスの高さを調整してくれない。そのため、float指定の画像の高さが、それを含 むdiv要素の中身より高い場合は、画像はボックスからはみ出してしまう。これはCSSの仕様なので仕方がないが、このような状況は良くあるのではないか と思う。

普通のボックス指定の場合、画像はdivボックスの下からはみ出してしまう。

---

このようなときに、floatをしている内容がはみ出さないように、外の要素を調整するのがclearfix hackである。

使い方は、以下。

ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go