高度塌陷-清除浮动

float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌（父元素自身没有高度，由子元素高度撑开，当子元素浮动后，父元素高度为0）

1. 父元素设置overflow:hidden
   父元素开启BFC模式
2. 浮动元素后面加一个块级元素，设clear:both

 <style type="text/css">
     li {
         float: left;
     }
 </style>
 <ul class="cc">
     <li></li>
     <li></li>
     <div style="clear: both;"></div>
 </ul>

3. 给父级元素添加伪类after

  .parent::after{
          display:block;
          content: ' ';
          clear:both;
  }
.parent{
    zoom:1;  //兼容ie6 使用haslayout
}