css清除浮动

weixin_34400525

于 2017-04-05 09:31:00 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangxiaofeng5277/p/6667348.html

本文介绍了一种使用CSS清除浮动的方法，通过定义一个名为.clearfloat的类，利用伪元素:after及IE专有属性zoom来实现跨浏览器兼容的清除浮动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义类清除浮动减少代码

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

IE8以上和非IE浏览器才支持:after，

zoom(IE专有属性)可解决ie6,ie7浮动问题

其中clear:both;指清除所有浮动；

content: '.'; display:block;对于FF/chrome/opera/IE8不能缺少，其中content（）可以取值也可以为空。

visibility:hidden;的作用是允许浏览器渲染它，但是不显示出来，这样才能实现清楚浮动。

转载于:https://www.cnblogs.com/wangxiaofeng5277/p/6667348.html