[CSS] floatを解除する「clearfix」
- 2011 11/13
CSSにて、floatを解除する「clearfix」のサンプルコードをメモ。
/* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ |
以上です。
【参考】
![はてなブックマーク - [CSS]floatを解除する「clearfix」のIE6/7に対応した改良版 | コリス](http://b.hatena.ne.jp/entry/image/http://coliss.com/articles/build-websites/operation/css/css-new-clearfix-hack.html)
