IE6溢出問題

Question

<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兩個浮動元素，這就背離了目的，因爲我不想隱藏溢出的內容。有沒有修復它？

Answer 1

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

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

Answer 2

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