CSS浮动，最早是为了达到文字环绕的效果提出的，也可以用来做布局，但是布局会产生很多问题（高度塌陷，漂浮在普通流上），会使当前标签产生上浮的效果，会影响前后标签，同样的代码在不同的浏览器的兼容性也不一样。

一般处理方法有八种：

　　　　（1）父级div定义height：

　　　　　　原理：为父级div手动添加height，解决父级div无法自动获取高度的问题

　　　　　　适用于高度固定的布局。

　　　　（2）结尾处加空div  加clear：both 属性

　　　　　　代码简单 浏览器支持良好

　　　　（3）父级div定义伪类  after和zoom（ie8以下）

　　　　　　必须定义宽度 zoom：1； 推荐使用。

　　　　（4）父级定义 overflow：hidden（必须定义width）

　　　　（5）父级定义 overflow：auto

　　　　（6）父子一起浮动

　　　　（7）父级定义 display：table

　　　　（8）结尾处加br标签。  clear：both