清除浮動float的方法總結

拋棄那些沒用的方法，只記得最實用的一種方法即可！

給要清除浮動的父元素多加一個class屬性：clearfix！ ！ ！

樣式如下：

.clearfix:after{
#     content:".";        # #     
height:0;             clear:both;       }
為了相容ie6,ie7（現在的項目幾乎已經完全不考慮）
.clearfix{
zoom:1

}

清除浮動就是這麼簡單，可以當作公共樣式common.css，每個頁面都可以直接呼叫！

簡單的實例應用：

　　

　　　　//sth

　　

　　

　　

　　

為什麼要清除浮動：

#1 .之前寫的時候都會發現頁面寫著寫著就發生錯亂，而且還有重疊？就是浮動惹的禍！

2.父級元素下面的子元素float時，可能會導致父級height值為0；故在使用了float之後，立即在父級上面加上clearfix，徹底消除float帶來的各種怪異問題！

 

以上是清除浮動float的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn