清除浮动

清除浮动方法：

　　1，额外标签法（隔墙法）w3c推荐做法；会在浮动元素末尾添加空的标签，<div style="clear:both"></div>

　　　　注意：新的标签必须是块级元素。

　　　　clearn:both;

　　2，父级添加overflow属性；

　　　　给父级元素添加属性：overflow：hidden；（auto，scroll）

　　·　　注意：无法显示溢出部分；

　　3，父级标签添加after伪元素；

.clearfix:after{
                content: "";
                display: block;
                height: 0px;
                clear: both;
                visibility: hidden;
            }
 .clearfix{
　　　　/*IE6\7专有*/
               　*zoom: 1;
            }

 

　　4，父级添加双伪元素；

　　

 .clearfix:before,.clearfix:after{
    content: "";
    display: table;
}
 .clearfix:after{
    clear: both;
}
 .clearfix{
    *zoom: 1;
}