位置：绝对和位置：ie中的相对问题

Question

我有问题。请参阅下面的代码。

<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中运行此代码时，它会产生问题。所有位置为绝对的div都是40px宽。他们应该只是简单地达到我指定的位置。在ie中，position:absolute的第二个div占用双左空间。它将第一个div计为40px，然后再计算40px。它应该从相对定位的div的左侧取40px。有人可以帮忙吗？

Answer 1

它在ie7＆amp; IE8。然后放弃溢出：隐藏，因为它隐藏了一切。在这里看一下边框的外观如何：http://jsfiddle.net/uWkJ7/1/ 所有div都扩展到其内容宽度。

Answer 2

在“非布局”元素中，hasLayout未被触发，即没有维度的纯div可以是“非布局祖先”。