清除浮動的3個方法及其特點

2022-08-11 02:51:07 字數 350 閱讀 6183

(1)清除浮動

1. 投機取巧法

就是直接乙個

浪費了乙個標籤,而且只能使用一次,所以這個方法不推薦。而 且有時候一不留神中間多了個空格會產生一段空白高度的。

2. overflow + zoom方法

.fix

overflow:hidden;是個小炸彈,要是裡面的元素 要是想來個margin負值定位或是負的絕對定位,會被隱藏,此方法有侷限性的。

3. after + zoom方法

.clr:after

這裡的line-height:0寫成height:0也是可以的。此方法可以說是綜合起來最好的方法,不會影響任何其他樣式,通用性強,覆蓋面廣,我很推薦哦。

CSS基礎四(浮動,浮動的特點,清除浮動)

目錄 1 什麼是浮動?2 float屬性取值 3 浮動的特點 4 清除浮動 為什麼要清除浮動 清除浮動本質 1 clear屬性用於清除浮動 2 額外標籤法 3 父級新增overflow屬性方法 4 使用after偽元素清除浮動 5 使用before和after雙偽元素清除浮動 由於浮動元素不再占用原...

清除浮動的方法

1 給父元素加height 2 給父元素加浮動 絕對定位 固定定位 3 給父級元素加display inline block 4 給浮動元素下加 clear 5 給浮動元素下加 這個不符合w3c的標準,樣式,結構,行為分離。6 給浮動元素的父級元素加 clear 觸發ie7中的haslayout屬性...

清除浮動的方法

一 父級div定義 偽類 after 和 zoom 二 父級div定義 overflow hidden 原理 必須定義width或zoom 1 設定寬度時,ie6 ie7會清除浮動 設定 zoom 1時,ie6 ie7會清除浮動 使用overflow hidden時,瀏覽器會自動檢查浮動區域的高度 ...