清除浮動的最優方法

2022-03-20 20:00:55 字數 672 閱讀 7695

以下內容**:

在css森林(30247792)群裡討論乙個margin的問題中無意間發現overflow也可以用來清除浮動,嘿嘿,這個方法不單使用簡單,而且ff、op、ie7都支援,從此可以告別那又長相容性又差的ff清浮動的方法了。

方法真的很簡單,只要為需要清浮動的標籤加上overflow這個屬性。

引用css**1ul

8li14.demo

19.overflow

24

其中zoom是為了ie6準備的。

完整的demo

注:忘了乙個很重要的內容,並不是所有的overflow屬性都可起來一樣的效果,比如visible屬性就只能對ie起作用。例子可以看這裡demo2

這樣的話就有乙個問題啦,如果要有高度,而且內容超出高度的時候,定義auto或hidden都可能會有一些不想要的效果出現。這裡提供乙個解決方案:對於ie6及以下版本的ie,可以直接定義高度;對於ie7、ff、op,可定義min-height。

引用css**

1.overflow

**鬼仔的blog,他寫的時候用的是最簡單,測試後覺得是最優秀的,因為不會有其餘的非語義的編碼。

CSS 清除浮動的最優方法

在css森林群裡討論乙個margin的問題中無意間發現overflow也可以用來清除浮動,嘿嘿,這個方法不單使用簡單,而且ff op ie7都支援,從此可以告別那又長相容性又差的ff清浮動的方法了。方法真的很簡單,只要為需要清浮動的標籤加上overflow這個屬性。css ul li demo ov...

清除浮動方法

簡單地說,浮動是因為使用了float left或float right或兩者都有而產生的浮動,導致樣式缺失或者不正確顯示等問題 1 背景不能顯示 由於浮動產生,如果對父級設定了 css background背景 css背景顏色或css背景,而父級不能被撐開,所以導致css背景不能顯示。2 邊框不能撐...

清除浮動方法及清除浮動原因

div1 盒子裡有left和right 兩個子盒子,div1 有兄弟盒子div2,給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用,但是在使用這種屬性時,也存在著一種弊端,那就是當子元素設定了float屬性之後,且父元素的高度沒有設定,而是由子元素支撐起來,則會導致父元素的高度塌...