元素塌陷问题

造成原因：子元素浮动脱离文档流，没有东西支撑父级，父级高度为零

解决：

1.如果父级元素高度是固定的，那就把他的高度写死

2.给父级元素设置float,让他跟子元素一起浮动

3.在最后一个浮动的元素后加一个空的div，清除浮动。<div style="clear:both"></div>

4.父元素设置overflow:hidden

5.使用after伪对象清除.clearfix:after{clear:both;display:blocb;content:"";height:0;}（在父容器结尾放一个空白字符，使他不显示出来，并且是非浮动的独立区块）

但是IE8以上和非IE浏览器才支持  添加zoom:1就可以了