overflow:hidden;でclearfixする

Webデザイン

モダンブラウザではoverflow:hidden;だけでclearfixできます
floatをかけている親要素に指定すればok

overflow:hidden;

わざわざclearfixのクラスを作らなくてよくなりますし、
モジュールに指定するclassが減るのでhtmlもすっきりします
IE6ではきかないようですが、、
対象がモダンブラウザだけであれば、とっても有効
スマホサイトだったら使えそうなので嬉しいですね

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です