css - 为什么绝对位置元素会基于其父元素的右边界换行？

Question

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

我想移除这个边界。这就像我不想要的隐含的 max-width；我希望其他开发人员能够设置此 max-width，而不用担心这种任意限制。如何消除此行为？

为方便起见，here is a jsbin .

Answer 1

Doesn't position: absolute remove an element from the flow?

这与流量无关。元素的宽度始终遵循其包含 block 。如果元素是绝对定位的，那么它的维度可以被top、right、bottom和left约束，但只要它的 width 是 auto 那么它仍然必须被限制在它的包含 block 的宽度上(在这方面它与 in-flow block 框没有区别) ，在您的情况下是其绝对定位的父级。在不影响其文本流的情况下，绝对定位的元素实际上没有任何其他元素可以根据其约束调整自身大小。

有关如何计算此宽度的详细信息，请参阅 spec .