清除浮动

• 清楚浮动的方法：

• 父级div定义 伪类 :after和zoom IE8以下浏览器不支持:after

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}.clearfloat{zoom:1}//是为了兼容问题

• 父级div定义overflow:hidden，缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。
•  父级div定义overflow:auto，优点：简单、代码少、浏览器支持好，缺点：内部宽高超出父级div是，会出现滚动条。
•  父级div给一个固定高度，缺点：必须知道父级div的高度 优点：简单、代码少、容易掌握。
•  结尾处加一个空的div，clear:both；多了很多空的div
• 父级div也一起浮动，缺点：会产生新的浮动