IE6溢出問題

<div style="float:left; width:50%;"> 
    div 1 
    <div style="position:absolute; width:105%">nested element</div> 
</div> 
<div style="float:left; width:50%;"> 
    div 2 
</div

如果一個元素超出了其浮動的父元素的寬度，下一個元素被按下，除非我申請overflow:hidden兩個浮動元素，這就背離了目的，因爲我不想隱藏溢出的內容。有沒有修復它？IE6溢出問題

來源

2010-03-15 3zzy

告訴我們更多關於你想要達到的目標，所以我們可以提供其他替代方案。浮動元素在他們裝滿容器時會一直包裹。這是他們設計的。 – 2010-03-15 11:10:21

您必須確保裏面的內容不比div更寬，以阻止在這種情況下被推下的元素。

你也許可以把margin-right: -5%放在定位的div上，使它在文檔流中的寬度更窄，但是一旦渲染它仍然應該顯示在105％的寬度。

來源

2010-03-15 22:31:48 wows

將它設置爲100％，而不是105％ - 否則，它只是做你告訴它做的事情。

來源

2010-03-15 11:02:22

Wepp，有時子元素更大，就像我想要應用陰影等。這是一個問題，只在IE6中，沒有其他瀏覽器。 – 3zzy 2010-03-15 11:08:32

回答

相關問題