清除浮动

.clearfix{zoom:1}

这是专门为IE的老版本所写的，为了兼容。

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

伪对象选择符：在这个对象被浏览器渲染后添加一定的内容（content的值）
content必须写；
display将其转换为块级元素；
visibility为可视化属性，控制元素是否可见，但不管是否可见都将保留其物理空间（与display:none不同）;
height指定content的高度，目前高度为0则表示不占用高度，也就是说不显示内容；
clear:both将添加进去的内容作为清楚浮动的对象，实现外围容器中有内容存在，因此可以自动判别高度，解决塌陷。