IE6,浮動遇到絕對定位

2021-04-28 19:05:51 字數 492 閱讀 4740

本來兩個不相同的東西,在ie6下硬是會擦出火花....

當乙個元素內有乙個塊級元素並佔據整行的時候,讓它浮動,然後在它後面的行內元進行絕對定位(父級元素進行相對定位),在其他瀏覽器下都能正常顯示,在ie6下會莫名其妙的消失。

嘗試改變ul的長度,或者取消浮動都可以讓ie6正常顯示,莫非ie6下,絕對定位元素被覆蓋掉了?但是在取消浮動下可以正常顯示,那麼在浮動下才會被覆蓋?應該是ie6的bug.

再嘗試下有沒其他解決辦法,在外面套個行內元素,結果發現還是不行,試了下討個塊級元素,^.^哈哈,可以了,難道塊級元素進行絕對定位就可以不平浮動了?嘗試直接用塊級元素或者把行內元素的display改為block,然後進行絕對定位,結果發現還是不行.................- -#。

得出的結論:ie6下,絕對定位元素與浮動元素有重疊會導致絕對定位元素消失。

解決辦法:

不相重疊。 

改變其中一種效果。

在絕對定位元素外面套個塊級元素,讓他們直接接觸。

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

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

div浮動層ie6歷險

近來做個web,頁面上希望實現類似 輪播的效果,這個用flash做會比較酷,但因為會用到flex,這裡沒人會,只好選擇用ajax實現。這個200 100px的方塊採用了絕對定位,左和上的邊距都是100px,這個邊距是相對它的上一次父層來說的。也就是說,不管在這個父層內還有沒有其它元素,這個方塊都會在...

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

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