这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。
这个方法来源于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清除浮动常用方法小结
以上就是万能清除浮动样式的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1608478.html
微信扫一扫 
支付宝扫一扫 
