clearfixを検証する

乱雑モックアップさんのブログで興味深い記事があったので検証してみました。

• firefoxでmargin-bottomがmargin-top | 乱雑モックアップ

どうやらFirefoxだけに発生するclearfix関連のバグみたい。
調べてみたところclearfixの「:after」の指定に問題が潜んでいるようで、Firefox 4.0でも同様の現象を再現できました。

※記事内で使われているclearfixは、いまどき ? いまさら ? clear fix のコード | ヨモツネットと同じものみたいなので、コードの解説はヨモツネットさんの記事を参照してみてください。コメント欄でも色々と言及されていて勉強になります。