清楚浮动的几种方式overflow：hidden，overflow：auto，after伪类zoom：1；before div-clear:both;父级定义高度

1.overflow：hidden

原理当定义overflow：hidden浏览器会自动检查浮动区域的高度；

确定不能配合position：relative一起使用。

2.overflow：auto；

原理：当定义overflow：auto浏览器会自动检查浮动区域的高度。

优点：代码少，简单

缺点：内容高度超过父级时会出现滚动条；

3.clear：both

原理：利用css提高的clear:both清楚浮动，建立一个div清除浮动，父级获取高度；

4.after和before伪类

原理：与clear：both原理相似。用zoom：1；解决ie6ie7兼容性问题。

5.父级也浮动。

原理：所有元素浮动，形成一个整体。

6.display：table；

原理：将div变成表格