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

2022-08-02 19:24:11 字數 513 閱讀 1641

一般來說,讓絕對定位的元素不挨著浮動元素就ok了:

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

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

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

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

就目前來說我個人的解決辦法有兩條,第一取消浮動,第二讓絕對定位的元素不要挨著浮動的標籤。再者就是在絕對定位的層跟浮動層中間插個空的標籤。

例如:

浮動元素div>

div> //*空的標籤

絕對定位元素div>

div>

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

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

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

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

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

今天在做頁面的時候發現在ie6中絕對定位元素神秘消失了。下面是隨手寫的示例 在ie6中的顯示效果 在其它瀏覽器中的顯示效果 在藍色理想中有大神給出了以下解釋 1 當絕對定位層的鄰近浮動層的寬度不等於父層寬度時,以及沒有清除浮動時,ie6 7,ff中顯示一致 2 當絕對定位層的鄰近浮動層的寬度不等於父...