为什么绝对位置元素会根据其父元素的右边界换行？

Question

为什么绝对定位元素依赖于其父元素进行文本换行？不position: absolute从流程中删除元素吗？

我正在寻求消除这个界限。这就像暗示max-width我不想要；我希望另一个开发人员能够设置 this max-width，而不用担心这个任意限制。我该如何消除这种行为？

为了方便起见，这里有一个 jsbin。

Answer 1

不position: absolute从流程中删除元素吗？

这与流量无关。元素的宽度始终遵循其包含块。如果元素是绝对定位的，那么它的尺寸可以受到top、right和bottom的约束left，但只要它width是，auto那么它仍然必须受到其包含块的宽度的约束（这使得它与流入块盒没有什么不同）尊重），在您的情况下是其绝对定位的父级。实际上没有任何其他元素可以限制绝对定位的元素在不影响其文本流的情况下调整自身大小。

有关如何计算此宽度的具体信息，请参阅规范。