2、使用overflow屬性。此方法有效地解決了通過空標籤元素清除浮動而不得不增加無意**的弊端。使用該方法是只需在需要清除浮動的元素中定義css屬性：
overflow:auto，即可！overflow:
auto;是讓高度自適應， zoom:1;是為了相容ie6，也可以用height:1%;的方式來解決,注意，zoom不符合w3c標準.
left
right
3、使用after偽物件清除浮動。after偽物件非ie瀏覽器支援，所以並不影響到ie/win瀏覽器。 具體寫法可參照以下示例。使用中需注意以下幾點。
一、該方法中必須為需要清除浮動元素的偽物件中設定height:0，否則該元素會比實際高出若干畫素；
二、content屬性是必須的，但其值可以為空，藍色理想討論該方法的時候content屬性的值設為」.」，但我發現為空亦是可以的。
left
right
清除浮動後如圖所示：
此三種方法各有利弊，使用時應擇優選擇，多次實踐發現，第三種方法更為可取，既不用新增多餘無意義的標籤，又實用有效 。
3種常用CSS清除浮動的常用方法
css的浮動為我們的布局帶來了很大的好處，利用浮動我們可以很方便的寫出各種版式。但浮動同時也帶來很多問題 這些問題基本上都因為沒有及時的或者在適當的位置清楚浮動。下面來說下常用的清除浮動方法 一 用空標籤 這是最常見的一種方法了。通過乙個內容為空的標籤來清除浮動。這個標籤可以是div p hr 理論...
css清除浮動的三方法
三種實用css清除浮動的方法 應用divcss網頁布局，經常性地會使用到float，很多邪門的事兒都有可能是浮動在作怪，清除浮動是必須要做的，而且隨時性地對父級元素清除浮動的做法也被認為是書寫css的良好習慣之一。下面看今天的教程，此為未清除浮動源 執行 無法檢視到父級元素淺黃色背景。left ri...
CSS清float浮動的幾種方法
可在浮動的父級加clearfix樣式。其原理是，在 高階 瀏覽器中使用 after 偽類在浮動塊後面加上乙個非 display none 的不可見塊狀內容來，並給它設定 clear both 來清理浮動。在 ie6 和 7 中給浮動塊新增 haslayout 來讓浮動塊撐高並正常影響文件流。這種方法...