这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。
这个方法来源于positioniseverything，通过after伪类:after和iehack来实现，完全兼容当前主流浏览器。
.clearfix:after   {     content: .;     clear: both;     height: 0;     visibility: hidden;     display: block;   } /* 这是对firefox进行的处理，因为firefox支持生成元素，而ie所有版本都不支持生成元素 */ .clearfix{display: inline-block;} /* 这是对 mac 上的ie浏览器进行的处理 */ * html .clearfix{ height: 1%; } /* 这是对 win上 的 ie6 浏览器进行的处理 */ * + html .clearfix{ height: 1%; } /* 这是对 win 上的 ie7 浏览器进行的处理 */ .clearfix{display: block;} /* 这是对display: inline-block;进行的修改，重置为区块元素*/
下面给一个admin10000.com 用的清理浮动的代码
.clearfix:after {     content: 020;     display: block;     height: 0;     clear: both;}.clearfix {     zoom: 1;}
这个是优化版的清除浮动的样式，很值得推荐。
相关文档：css清除浮动常用方法小结
以上就是万能清除浮动样式的详细内容。