浮动元素没有撑开父容器

一开始我以为是ie6下的问题， 后来经测试是所有浏览器。想了一下，这个问题涉及BFC, 当父容器未声明宽高，而子元素都是浮动素即它们会脱离普通文档流。

解决目标

触发ie6/7下的hasLayout

清除父元素受浮动元素的影响

解决办法

在容器里新增一个div.clearfix,像这样

.clearfix {
clear : both;
}

给父容器加上

.parent{
zoom:1;
overflow:hidden;
}