1、利用clear:both來清除浮動，原理是在最後乙個浮動元素的同級新增乙個空便簽，並新增clear:both，效果很不錯，但增加了乙個無語意標籤。
3、利用overflow屬性。給浮動元素的父級新增overflow，設定為visible之外的任何屬性都行，但ie下需要觸發layout。從結構上講和clearfix帶來的麻煩一樣，濫用會造成頁面內容的層次過深。
而且ff、op、ie7都支援，從此可以告別那又長相容性又差的ff清浮動的方法了。
方法真的很簡單，只要為需要清浮動的標籤加上overflow這個屬性。
其中zoom是為了ie6準備的。
完整的demo
注：忘了乙個很重要的內容，並不是所有的overflow屬性都可起來一樣的效果，比如visible屬性就只能對ie起作用。例子可以看這裡demo2
這樣的話就有乙個問題啦，如果要有高度，而且內容超出高度的時候，定義auto或hidden都可能會有一些不想要的效果出現。這裡提供乙個解決方案：對於ie6及以下版本的ie，可以直接定義高度；對於ie7、ff、op，可定義min-height。
overflow
CSS清除浮動的三種方法
說說 float 的幾個要點就行了 只有左右浮動，沒有上下浮動。元素設定 float 之後，它會脫離普通流 和 position absolute 一樣 不再佔據原來那層的空間，還會覆蓋下一層的元素。浮動不會對該元素的上乙個兄弟元素有任何影響。浮動之後，該元素的下乙個兄弟元素會緊貼到該元素之前沒有設...
css清除浮動的三種方式
1 父級元素結束之前加入空div，div的樣式中有 clear both 2 父級元素設定樣式 overflow hidden 原因 為什麼加入overflow hidden即可清除浮動呢？那是因為overflow hidden屬性相當於是讓父級緊貼內容，這樣即可緊貼其物件內內容 包括使用float...
清除浮動的三種方法
lang en charset utf 8 清除浮動的三種方法title type text css div3 div3 after style head style background blue border 1px solid gold 使用空標籤清除浮動。增加了無意義的結構元素 style ...