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

2021-09-06 02:49:10 字數 759 閱讀 4755

position:absolute定位在ie6下存在left和bottom的定位錯誤問題:

zzsky

zzsky

上面這段**在ie6中定位錯誤。

解決辦法有兩種:

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

zzsky

2、給父層設定寬度(width):

zzsky

下面的這段**在ie6下,bottom定位錯誤:

zzsky

解決辦法和left定位類似:

方法1是給父層設定zoom觸發layout:

zzsky

方法2是給父層設定高度(height):

zzsky

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及其解決辦法

一般相對父容器絕對定位是這樣的,子容器絕對定位,父容器設定成相對定位,就可以實現 x yyyyy 解決辦法有兩種 1 給父層設定zoom 1觸發layout。2 給父層設定寬度 width 定位left height 定位bottom ie6中很多bug都可以通過觸發layout得到解決,以上的解決...

IE6,浮動遇到絕對定位

本來兩個不相同的東西,在ie6下硬是會擦出火花.當乙個元素內有乙個塊級元素並佔據整行的時候,讓它浮動,然後在它後面的行內元進行絕對定位 父級元素進行相對定位 在其他瀏覽器下都能正常顯示,在ie6下會莫名其妙的消失。嘗試改變ul的長度,或者取消浮動都可以讓ie6正常顯示,莫非ie6下,絕對定位元素被覆...

ie6 常見bug解決之道

bug 1 解決div 無法遮擋 select 的問題 一現象 在調整頁面樣式時,經常發現浮動層的div被select遮擋。效果如下 二.原因 在ie中,select屬於window型別控制項,它會 擋住 所有非window型別控制項 可以這麼理解,div這樣的元件是在瀏覽器客戶區使用 渲染 的,他...