html - 对绝对定位div的宽度感到困惑

Question

由于在查看时可以更好地理解我的困惑，因此我创建了一个显示问题的 fiddle :http://jsfiddle.net/qQS92/3/ .将其视为树结构。

红色和蓝色的 div 显然不具有相同的宽度，尽管我希望它们具有相同的宽度。是什么阻止了蓝色 div 使用显示文本所需的所有宽度？我希望它在红色 div 中断的相同位置中断。

这是另一个动画问题的 fiddle :http://jsfiddle.net/QPFw8/6/看来问题是根 div 的宽度。这是预期的行为吗？

Answer 1

您可以使用 right:80px 而不是 left:-80px 来修复它。

问题来了，因为红色div的右侧固定到了parent的右侧。恰好是 0 像素宽，位于页面左侧 120 像素处。

[编辑]

哦，你的问题恰恰相反。在这种情况下，您需要在蓝色 div 上使用 right:-80px 而不是 left:80px。

[/编辑]