在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。
清楚浮动有多种方法，记录一个使用较多的方法：
给父级元素加上zoom：1；这一步是为了给ie低版本清浮动。
给父级元素加上：after伪类样式{……}；代码如下：
clear{zoom : 1} clear:after{content : ‘‘;display:block;clear:both}
原文：http://www.cnblogs.com/eoff/p/5060985.html