对绝对定位 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。