清除浮動方法：

　　1，額外標籤法（隔牆法）w3c推薦做法；會在浮動元素末尾新增空的標籤，<div style="clear:both"></div>

　　　　注意：新的標籤必須是塊級元素。

　　　　clearn:both;

　　2，父級新增overflow屬性；

　　　　給父級元素新增屬性：overflow：hidden；（auto，scroll）

　　·　　注意：無法顯示溢位部分；

　　3，父級標籤新增after偽元素；

 1 .clearfix:after{
 2                 content: "";
 3                 display: block;
 
 4                 height: 0px;
 5                 clear: both;
 6                 visibility: hidden;
 7             }
 8  .clearfix{
　　　　/*IE6\7專有*/
 9                　*zoom: 1;
10             }

　　4，父級新增雙偽元素；

 1  .clearfix:before,.clearfix:after{
 2     content: "";
 3     display: table;
 4 }
 5
 
  .clearfix:after{
 6     clear: both;
 7 }
 8  .clearfix{
 9     *zoom: 1;
10 }