ie中的位置：绝对和位置：相对问题
我有一个问题。请参阅下面的代码。
<div style="position:relative; overflow:hidden; width:120px;">
<div style="position:absolute; left:0px;">Content</div>
<div style="position:absolute; left:40px;">Content</div>
<div style="position:absolute; left:80px;">Content</div>
</div>
问题是，在 Firefox 中，它工作正常；但是当我在 ie-8 中运行这段代码时，它出现了问题。所有带有position:absolute的div都是40px宽。他们应该只是简单地达到我分配给他们的位置。在 ie 中，带有 position:absolute 的第二个 div 占用双倍左空格。它将第一个 div 计算为 40px，然后再计算 40px。它应该只从相对定位的 div 左侧获取 40px 。有人可以帮忙吗？
I have a problem. See the code below please.
<div style="position:relative; overflow:hidden; width:120px;">
<div style="position:absolute; left:0px;">Content</div>
<div style="position:absolute; left:40px;">Content</div>
<div style="position:absolute; left:80px;">Content</div>
</div>
The problem is, that in firefox, its working fine; but when i run this code in ie-8, it gives problem. All the divs with position:absolute are 40px wide. they should just simply attain the position i assign them to. In ie, the 2nd div with position:absolute take double left-space. It counts the first div to be of 40px and then counts 40px more. It should just take 40px from the relatively positioned div's left side. Can somebody help please?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
它在 ie7 和 ie7 中按预期工作。即8。并删除溢出：隐藏，因为它隐藏了所有内容。看看这里的边框效果如何： http://jsfiddle.net/uWkJ7/1/
所有 div 都会扩展到其内容宽度。
It works as expected in ie7 & ie8. And drop that overflow: hidden, because it hides everything. Look here how it all looks with border: http://jsfiddle.net/uWkJ7/1/
All divs expand to their content width.
在“非布局”元素中，不会触发 hasLayout，即没有维度的纯 div 可以是“非布局祖先”。
In “non-layout” elements, hasLayout is not triggered, i.e. a pure div without a dimension can be a “non-layout ancestor”.