IE6 溢出问题答案

【问题标题】：IE6 Overflow IssueIE6 溢出问题
【发布时间】：2010-03-16 06:31:48
【问题描述】：

<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，这违背了目的，因为我不想隐藏溢出的内容。有什么解决办法吗？

【问题讨论】：

告诉我们更多关于你想要达到的目标，以便我们提出替代方案。浮动元素在填充容器时总是会包裹。这就是他们的设计目的..

标签： html css internet-explorer

【解决方案1】：

您必须确保里面的内容不比 div 宽，以阻止在这种情况下元素被下推。

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

【讨论】：

【解决方案2】：

将其设置为 100%，而不是 105% - 否则，它只是按照您的指示去做。

【讨论】：

Wepp，有时子元素会更大，比如我想应用阴影等。这仅在 IE6 中存在问题，在其他浏览器中没有。