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

将其设置为100％，而不是105％ - 否则，它只是做你告诉它要做的事情。

Answer 2

您必须确保内部的内容不比div更宽，以阻止在此方案中按下元素。

您可以将margin-right: -5%放在定位的div上，使其在文档流程中的宽度更窄，但一旦渲染它仍应显示为105％宽。