overflow:hidden;でclearfixする

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

overflow:hidden;

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

タイトルとURLをコピーしました