css清除浮动

定义类清除浮动 减少代码

 

.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;的作用是允许浏览器渲染它，但是不显示出来，这样才能实现清楚浮动。