[css]floatについて

htmlを組んでいる時に、しばしば登場するのが、divタグの中に、floatでネストされた、divタグのコンテンツ。

ここで、問題となるのは、親のdivタグに高さが何故が設定されない。

これは、どうしてだろうと、ぐぐってみたら、CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件にあたり、読んでみると、そもそも、親のdivタグに高さが設定されないのは、正常のような。

同エントリーでも述べられていたが、確かに、floatという意味本来は、「浮かせる」ということ。

これを解決する方法として、疑似要素である「after」を採用するという方法がありましたが、やはり、IEではサポートされていないようです。
で、IE対策として、「min-height: 1em」を記述することによって、対応することができるそうです。

同エントリーでは、IE7までについて書かれていましたが、IE8、IE9でどうなるのか、気になるところです。