关于绝对定位div的宽度的混淆

Question

由于在查看时我的混淆得到了更好的理解，因此我创建了一个显示问题的小提琴：http://jsfiddle.net/qQS92/3/。把它想象成树状结构。

红色和蓝色div显然没有相同的宽度，尽管我期望它们。什么阻止蓝色div使用它显示文本所需的所有宽度？我希望它在红色div破坏的相同位置打破。

这是另一个动画解决问题的小提琴：http://jsfiddle.net/QPFw8/6/ 似乎问题是根div的宽度。这是预期的行为吗？

Answer 1

您可以使用right:80px代替left:-80px修复此问题。

问题出现是因为红色div的右侧固定在父级的右侧。这恰好是0px宽，位于页面左侧120px。

[编辑]

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

[/编辑]

Answer 2

将white-space: nowrap;样式添加到#right div。