(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時,瀏覽器會自動檢查浮動區域的高度 ...