IE6中絕對定位元素消失問題

2021-07-02 11:41:31 字數 468 閱讀 9698

今天在做頁面的時候發現在ie6中絕對定位元素神秘消失了。下面是隨手寫的示例**:

在ie6中的顯示效果:

在其它瀏覽器中的顯示效果:

在藍色理想中有大神給出了以下解釋:

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

(2)當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,有清除浮動時,ie6/7不顯示絕對定位層,ff顯示;

(3)當絕對定位層的鄰近浮動層的寬度等於父層寬度時,以及沒有清除浮動時,ie6不顯示絕對定位層,ie7/ff顯示;

(4)當絕對定位層的鄰近浮動層的寬度等於父層寬度時,有清除浮動時,ie6/7不顯示絕對定位層,ff顯示;

解決方法:

(1)在絕對定位元素與浮動元素中間插乙個空的div,不加任何樣式。

(2)在用乙個div將絕對定位元素包起來,div不應用樣式。

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

一般來說,讓絕對定位的元素不挨著浮動元素就ok了 1.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,以及沒有清除浮動時,ie6 7,ff中顯示一致 2.當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,有清除浮動時,ie6 7不顯示絕對定位層,ff顯示 3.當絕對定位層的鄰近浮動層的寬度等於父層寬度...

ie6下浮動使絕對定位元素莫名消失的問題

這是我以前部落格裡寫的東西,現在搬過來和大家分享一下!逐步解決遇到的各種bug,是web前端開發者逐步成長的過程!今天在做專案時,遇到了ie6下絕對定位元素莫名消失的問題,在此寫個簡單的例子說明一下此類問題的解決辦法。如果我們想得到如下效果該怎麼辦呢?1 首先是基本的布局,此處不細說了。如果我們想讓...

ie6下浮動使絕對定位元素莫名消失的問題

這是我以前部落格裡寫的東西,現在搬過來和大家分享一下!逐步解決遇到的各種bug,是web前端開發者逐步成長的過程!今天在做專案時,遇到了ie6下絕對定位元素莫名消失的問題,在此寫個簡單的例子說明一下此類問題的解決辦法。如果我們想得到如下效果該怎麼辦呢?1 首先是基本的布局,此處不細說了。如果我們想讓...