CSSのフロート解除方法

質問

CSSのフロート解除方法

CSSのfloatを解除する方法で、clearを入れられる要素がない場合、HTML文書構造の中に空のdivをいれてclearする方法と、疑似要素:afterとcontentを使った、clearfixという方法がありますが、clearfixにした方がいい理由を教えてください。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

「デザインを目的としたタグの使用」（この場合はfloatを解除するという目的のタグ）
というのが非推奨だからです。

なお、空のdivを入れる方法が確実で、いわゆるclearfixはブラウザ依存度が高いです。
そのためにclearfixは複雑になりますが、
古いブラウザは切り捨てる人が増えてきたため、:afterしか書かれないことも多くなったと思います。

お礼

そうなんですか、まだ対応してないブラウザもあるという事ですね、ありがとうございました。

回答No.1

suzuko

:afterとcontentの方が、確実に認識されるからでは？