浮动的方式

1、方法一：在浮动元素的下面添加空的div

空的div{

clear:bothheight:0overflo:hidden

}

2、方法二：给浮动元素的父级元素设置高度（注：如果浮动元素的高度不确定，则不适用，不推荐）

3、方法三：br清浮动

<br clear="both" />但是不符合工作中结构、样式、行为三者分离（不推荐）

4、方仔帆郑法轿腊四念颂：给父元素添加overflow:hidden（存在IE6，7的兼容问题）

父元素{

overflow:hidden

zoom:1//解决IE6，7兼容问题

浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动，浮动的元素脱离文档仿禅流，也就是不再占有原有的位置，会影响后面的元素或者是父容器备键尘，所以，我们要通过清除浮动解决此问题。

父容器正常情况下会自动扩高，但是子元素加了浮动后位置不保留，父容器就感觉它不存在了，所以不会扩高，解决方式：给父容器加亮悄overflow:autozoom:1解决即可。

---