最近のclearfixについて

★ずいぶん昔に調べたclearfix
→フローと解除について


★最近まで使っていたclearfix
↓
.clearfix:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}


★最近？ちょっと短くなったclearfix
↓
.clearfix {width:100%;}もしくは、.clearfix {zoom:1;}※
.clearfix:after{
content: "";
display: block;
clear: both;
}


※IE6、IE7ではこれがないと回り込む


MACのブラウザでも確認済み


★Dreamweaverプレビューしたらclearfixがきかないくずれた。

→解決方法はこちら


----------------------参考サイト----------------------

・float解除の決定版。clearfixを考えたら、進化した。
http://kojika17.com/2011/04/floatclearfix.php