清除浮动的不同方式

(1) 在浮动元素下方添加一个非浮动元素

父容器现在必须考虑非浮动子元素的位置，而后者肯定出现在浮动元素下方，所以显示出来

(2) 将父容器也改成浮动定位

这种方法不用修改 HTML 代码，但是缺点在于父容器变成浮动以后，会影响到后面元素的定位，而且有时候，父容器是定位死的，无法变成浮动

(3) 父容器设置 overflow: hidden 或者 auto

缺点：一个是 IE6 不支持，另一个是一旦子元素的大小超过父容器的大小，就会出显示问题