css清除浮动

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

不过个人还是喜欢直接加上overflow:hidden;或是直接使用flex布局，简单，方便！

/* 
 * 清除浮动代码
 * 其中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}