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

標籤：

一般來說，讓絕對位置的元素不挨著浮動元素就OK了：

 

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

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

3.當絕對位置層的鄰近浮動層的寬度等於父層寬度時，以及沒有清除浮動時，IE6不顯示絕對位置層，IE7/FF顯示；

4.當絕對位置層的鄰近浮動層的寬度等於父層寬度時，有清除浮動時，IE6/7不顯示絕對位置層，FF顯示；

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

 

例如：

<div class="w">        <div class="fl">浮動元素</div> <div></div> //*空的標籤 <div class="pa">絕對位置元素</div> </div>

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