拋棄那些沒用的方法，只記住最實用的一種方法即可！
給要清除浮動的父元素多加一個class屬性：clearfix！！！
樣式如下：
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
為了兼容ie6,ie7（現在的項目幾乎已經完全不考慮）
.clearfix{
zoom:1
}
清除浮動就是這么簡單，可以作為公共樣式common.css，每個頁面都可以直接調用！
簡單的實例應用：
<div class="clearfix">
<div style="float:left">
//sth
</div>
<div style="float:right">
//sth
</div>
</div>
為什么要清除浮動：
1.之前寫的時候都會發現頁面寫著寫著就發生錯亂，而且還有重疊？就是浮動惹的禍！
2.父級元素下面的子元素float時，可能會導致父級height值為0；故在使用了float之后，
立即在父級上面加上clearfix，徹底消除float帶來的各種怪異問題！
【 微信掃一掃 】
