css 浮動閉合

2022-01-28 23:59:33 字數 282 閱讀 3707

在父元素上新增class即可

最優浮動閉合方案:

.clearfix      //zoom針對ie6和ie7  觸發其haslayout

//以下針對除ie6和ie7之外的其他瀏覽器

.clearfix:after

另外兩種清楚浮動的方式

1.用在父元素

.clear-box  //ie6下容易出現滾動條( 當元素用width和height的時候容易出現滾動條,但是不確定。。。。。。)

2.加在父元素所包含的帶有浮動子元素的後面

閉合浮動(清除浮動)

什麼是css清除浮動?網路上流行的說法是 在非ie瀏覽器 如firefox 下,當容器的高度 height 為auto,且容器的內容中有浮動 float為left或right 的元素,在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢位到 容器外面而影響 甚至破壞 布局的現象。這個現象...

清除浮動 or 閉合浮動?

在網頁布局中我們會經常用到浮動,有了它我們可以更容易地實現我們想要的效果,但浮動過後往往會留下一些隱患。這時,我們通常會做一件事清除浮動,但清除浮動也會經常留下隱患,如下 效果圖如下 雖然foot中使用clear both清除浮動,但是main的高度無法自適應子元素的高度,導致塌陷 箭頭所指 下面介...

CSS中常用的清除浮動(閉合浮動)的方法

1.使用空標籤清除浮動。即 這種方法在大部分環境下可以使用,但是在有些情況下會出現相容問題 ie6瀏覽器當中,div即使是空的,也會存在預設行高。解決辦法 設定其高度為0,並設定overflow hidden。它的主要弊端在於在頁面中增加了乙個無意義的元素 2.使用overflow hidden 此...