絕對定位的元素在ie6下不顯示隱藏了的有效解決方法

2022-09-25 01:39:07 字數 687 閱讀 7345

問題描述:

在 ie6 中如果乙個浮動元素與絕對定位元素相鄰的話,在某些情況下絕對定位元素將會消失。

產生原因:

只有當絕對定位元素的鄰近浮動元素的寬度大於父層寬度減 3 時(即如果父層寬度是 300px,浮動元素的寬度大於 297px),該絕對定位元素在 ie6 下面會隱藏。

html:

複製**

**如下:

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

www.cppcns.com>

浮動元素

絕對定位元素

css:

複製**

**如下:

.w .pa

.fl

ie6 瀏覽器效果:

其他瀏覽器效果:

解決方法:

1、調整浮動元素的寬度,即寬度小於或等於父層寬度減 3;

2、在浮動元素與絕對定位元素之間新增乙個空的 div(推薦)。

還是以上面的例項為參考:

複製**

**如下:

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

程式設計客棧gt;

浮動元素

程式設計客棧"pa">絕對定位元素

ie6 瀏覽器和其他瀏覽器效果:

本文標題: 絕對定位的元素在ie6下不顯示隱藏了的有效解決方法

本文位址:

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

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

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

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

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

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