対応ブラウザ : Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+

A new micro clearfix hack

で掲載されていた、少し古いバージョンのclearfixを使用。※最新版はいかんせん、少し崩れるので・・・。

以下よりコード記載。

lessコード

[css]
// clearfix-mixin ie6+

.cf(){
&:before,
&:after {
    content:"";
    display:block;
    overflow:hidden;
}
&:after {
    clear:both;
}
zoom:1;//For IE 6/7 (trigger hasLayout)
}
[/css]

出力コード

[css]
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}
[/css]