clearfix

Pocket

clearfixのメモ。

clearfixの基本

利用しているclearfix

上記のclearfixのメモ。

IE6/7 *zoom: 1の理由

IEはすべての要素がIE独自のlayout情報を持ちIE独自プロパティhasLayoutで提供している(layout情報を持つ場合はtrue)。

» hasLayout property (Internet Explorer)

IE6/7はhasLayoutプロパティがtrue(layout情報を持つ)の要素は内部のfloat要素を高さに含める。
IE独自のzoomプロパティはhasLayoutをtrueにする。

*はzoom1をIE6/7のみ適用するために付ける。

before疑似要素が必要な理由

IE6/7の上マージンの対策として:before疑似要素を指定する。
» ブログカスタマイズの覚書: clear(IE6のバグ含む)

参考リンク

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。