在我們學習css時，利用浮動可以為我們的的佈局樣式提供很大的便利，但是隨著而來，我們也會遇到清除浮動的問題，關於清除浮動，我談一談我的一些簡單看法。 首先，我們為什麼要清除浮動，因為浮動會使該標簽脫離文檔流，對前後的元素，還有父元素（邊框，內容）都會造成影響。 下麵說一說清除浮動的方法： 1 定義h ...
在我們學習css時，利用浮動可以為我們的的佈局樣式提供很大的便利，但是隨著而來，我們也會遇到清除浮動的問題，關於清除浮動，我談一談我的一些簡單看法。
首先，我們為什麼要清除浮動，因為浮動會使該標簽脫離文檔流，對前後的元素，還有父元素（邊框，內容）都會造成影響。
下麵說一說清除浮動的方法：
1 定義height
為父元素增加一個固定或最少的height，因為當子元素設置為浮動後，脫離了文檔流後，會導致父元素的邊框無法撐開。所以我們可以增加一個
“height：”或者“min-height：“來解決。
這種方法的優點在於 ： 上手容易，簡單易懂。
缺點在於 ： 要對高度進行詳細的確定，且不靈活。
2 利用clear：both
在父元素的結束標簽加入clear:both。在父元素內增加一個空白簽，來聲明其周圍忽略浮動。
html中 <div class="clear"></div>
css中 .clear{
clear:both
}
這種方法的優點在於 簡單方便。
缺點在於 編程最忌諱添加很多空標簽也會對以後的修改造成麻煩。
3 利用overflow：hidden
為父元素在css中添加 overflow:hidden,我們現在看看他們的意思是什麼，overflow：溢出 ，hidden：清除。也就是清除溢出的部分，不顯示其內容。那麼很容易明白，利用這個，就是將帶有浮動屬性的<div>進行了清除。
."class名稱"{
overflow：hidden
}
這種方法的優點在於：代碼使用的少，錯誤少。
缺點在於：無法與position一起使用，也不能同時定義height，因為是將多餘的部分清除掉。
以上三個方法是我在初學css清除浮動時用到學到的方法，作為一個web小白，能力有限，所解決問題的辦法可能也不是最好的，歡迎大家提議，謝謝。
