.clearfix:after{}

.clearfix:after{            // 在类名为clearfix的元素内容最后面加入内容

             content:'';             //内容

             display:block;     //加入的这个元素转换为块级元素

             line-height:0;      //行高为0

             height:0;            //高度为0

             clear:both;        //清除左右两边浮动

             visibility:hidden;       //可见度设为隐藏，注意它和display:none;有区别，visibility:hidden;扔占据空间，只是看不到而已

             font-size:0;           //字体大小为0，能避免很多空行的BUG

}

.clearfix{

            zoom:1;           //这是针对于IE6的，因为IE6不支持:after伪类，这个设置可以让IE6的元素可以清除浮动来包裹内部元素

}

clear的作用：

规定元素的那一侧不允许其他浮动元素

clear的参数说明：

none : 　允许两边都可以有浮动对象
both : 　不允许有浮动对象
left : 　不允许左边有浮动对象
right : 　不允许右边有浮动对象