關於IE6下絕對定位元素莫名消失的問題

這是個很老的bug了,我想通常你們都遇到過,之前我是純憑經驗,讓絕對定位的元素不挨着浮動元素就OK了,不過一直沒去研究它造成的緣由。今天作頁面又遇到了這個可愛的BUG,本着一探究竟的心態google了一下。在藍色理想發現了這樣的幾條解釋: google

1.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,以及沒有清除浮動時,IE6/7,FF中顯示一致; spa

2.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,有清除浮動時,IE6/7不顯示絕對定位層,FF顯示; bug

3.當絕對定位層的鄰近浮動層的寬度等於父層寬度時,以及沒有清除浮動時,IE6不顯示絕對定位層,IE7/FF顯示; 經驗

4.當絕對定位層的鄰近浮動層的寬度等於父層寬度時,有清除浮動時,IE6/7不顯示絕對定位層,FF顯示; 兼容

就目前來講我我的的解決辦法有兩條,第一取消浮動,第二讓絕對定位的元素不要挨着浮動的標籤。藍色上那位哥們提出了另外一個辦法,就是在絕對定位的層跟浮動層中間插個空的標籤。 清除浮動


----------- 標籤

唉.可悲啊..還得兼容IE6 浮動

相關文章
相關標籤/搜索