IE6相對父容器絕對定位的bug及其解決辦法

2021-05-25 00:59:19 字數 577 閱讀 1821

一般相對父容器絕對定位是這樣的,子容器絕對定位,父容器設定成相對定位,就可以實現

******x

yyyyy

解決辦法有兩種:

1、給父層設定zoom:1觸發layout。 

2、給父層設定寬度(width(定位left)/height(定位bottom))。

ie6中很多bug都可以通過觸發layout得到解決,以上的解決方法無論是設定zoom:1還是設定width和height其實都是為了觸發layout。下列的css屬性或取值會讓乙個元素獲得layout:        

position:absolute 絕對定位元素的包含區塊(containing block)就會經常在這一方面出問題

float:left|right 由於layout元素的特性,浮動模型會有很多怪異的表現

display:inline-block 當乙個內聯級別的元素需要layout的時候就往往符用到它,這也可能也是這個css屬性的唯一效果—-讓某個元素有layout

width: 除auto外的任何值

height: 除auto外的任何值

zoom: 除auto外的任何值

IE6絕對定位的bug及其解決辦法

position absolute定位在ie6下存在left和bottom的定位錯誤問題 zzsky zzsky 上面這段 在ie6中定位錯誤。解決辦法有兩種 1 給父層設定zoom 1觸發layout zzsky 2 給父層設定寬度 width zzsky 下面的這段 在ie6下,bottom定位...

CSS 如何讓絕對定位的容器與父塊保持相對位置

在製作網頁的過程中,難免要使用到絕對定位,絕對定位是將乙個視窗直接定位到乙個座標上,使用起來很方便,但同時,很多人在使用的時候,也產生了另外乙個 問題,那就是不好控制,明明父塊元素已經移動了,使用了絕對定位的子塊卻不跟著移動,這到底是怎麼回事呢?首先說明一下絕對定位的乙個特性,那就是 使用了絕對定位...

css 絕對定位的元素在 ie6 下不顯示

問題描述 在 ie6 中如果乙個浮動元素與絕對定位元素相鄰的話,在某些情況下絕對定位元素將會消失。產生原因 只有當絕對定位元素的鄰近浮動元素的寬度大於父層寬度減 3 時 即如果父層寬度是 300px,浮動元素的寬度大於 297px 該絕對定位元素在 ie6 下面會隱藏。html doctype ht...