我们在写页面的过程中，如果遇到高度需要被子元素撑起来的父元素，我们很多情况下需要用到清楚浮动，否则父元素会发生塌陷，也就是说高度为0

具体的清楚方法，请点击 清楚浮动集中方法详解，我在这里只是写几个常见的清楚方法，以便自己复习使用

1.父元素直接使用固定高度

2.末尾添加div   使用clearboth

3.父元素 overflow：hidden；

4。父元素为元素

.box:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.box{zoom:1}   //for  ie 7 

清楚浮动的集中方法。