解决清除浮动的问题

http://www.iyunlu.com/view/css-xhtml/55.html ，推荐看此链接原文，对浮动问题讲得比较详细，解释了关于清除浮动与闭合浮动、BFC等概念

方法一：添加额外的标签，该方法通过在浮动元素末尾添加空标签来清除浮动

<div style=”clear:both”></div>

缺点：增加无意义的标签，代码量大时会增加维护难度

方法二：父元素设置overflow：hidden

缺点：无法显示溢出内容，且据说会使鼠标中间失效

方法三：使用：after伪元素

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

.clearfix { *zoom:1; }

缺点：复用方式不当会造成代码量增加