css 清除浮动

功能描述

以下是比较稳妥的清除浮动的样式，只要在浮动的父元素的class加上clearfloat即可。

实现

/*
 * 清除浮动代码
 * 其中clear:both;指清除所有浮动；
 * content: '.'; display:block;对于FF/chrome/opera/IE8不能缺少，其中content()可以取值也可以为空。
 * visibility:hidden;的作用是允许浏览器渲染它，但是不显示出来，这样才能实现清楚浮动。
 */
.clearfloat:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
/* ==for IE6/7 Maxthon2== 触发 hasLayout */
.clearfloat{
    zoom:1
s}