1.給父元素加height
2.給父元素加浮動、絕對定位、固定定位 3
.給父級元素加display:inline-block
4.給浮動元素下加
.clear 5
.給浮動元素下加
這個不符合w3c的標準,樣式,結構,行為分離。 6
.給浮動元素的父級元素加
.clear
觸發ie7中的haslayout屬性
.clear:after
在ie7以下,不支援after偽類,只支援a元素的四個偽類
haslayout:
ie7的相容版本及以下的版本的渲染引擎的組成部分,haslayout在ie8的標準模式下已經廢棄.
haslayout
根據元素內容的大小或父級元素的大小來重新計算元素的寬高
以下屬性和值將給定乙個元素布局:
position:absolutefloat:left/rightdisplay:inline-block
width:height:zoom:
(除normal外) 7
.給浮動元素的父級元素加overflow:hidden/auto不要用scroll,因為會出現滾動條
(1)若父級元素有height,並且小於內容的height,則會隱藏或加滾動條
(2)若父級元素沒有height,則會被撐開,所以清除浮動的時候,父級元素不加height。
問題:overflow在ie6下不能夠包住浮動元素(即沒有將元素提公升層級的功能),因此結合zooom;1使用。
清除浮動方法
簡單地說,浮動是因為使用了float left或float right或兩者都有而產生的浮動,導致樣式缺失或者不正確顯示等問題 1 背景不能顯示 由於浮動產生,如果對父級設定了 css background背景 css背景顏色或css背景,而父級不能被撐開,所以導致css背景不能顯示。2 邊框不能撐...
清除浮動方法及清除浮動原因
div1 盒子裡有left和right 兩個子盒子,div1 有兄弟盒子div2,給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用,但是在使用這種屬性時,也存在著一種弊端,那就是當子元素設定了float屬性之後,且父元素的高度沒有設定,而是由子元素支撐起來,則會導致父元素的高度塌...
清除浮動的方法
一 父級div定義 偽類 after 和 zoom 二 父級div定義 overflow hidden 原理 必須定義width或zoom 1 設定寬度時,ie6 ie7會清除浮動 設定 zoom 1時,ie6 ie7會清除浮動 使用overflow hidden時,瀏覽器會自動檢查浮動區域的高度 ...