position：绝对更改元素的叠加属性如何？

Question

在示例here中，我注意到如果从第一个section元素中删除margin-left:200px，它会扩展其宽度以完全匹配容器，但它不会低于容器nav元素，有position:absolute。相反，它被nav元素覆盖，好像它有一个较低的z-index。这是为什么？ Aren这两个元素在文档的流程中？所以这意味着他们应该在另一个权利之后一个接一个，section元素出现在nav元素下（当我删除position:absolute时会发生这种情况）？为什么它们相互重叠？

Answer 1

  

Aren在文档流程中是否包含这两个元素？

都能跟得上！ position: absolute;专门从流中移除元素。

正如this answer中所述，绝对定位使用current positioning context。 position: absolute;的元素仍然受其父元素的影响，但它完全独立于其兄弟元素。