浮动元素没有撑开父容器

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

解决目标

• 触发ie6/7下的hasLayout
• 清除父元素受浮动元素的影响

解决办法

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

   .clearfix {
       clear : both;
   }
   

2. 给父容器加上

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