対応ブラウザ : 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]
テストコメントです。