什么是定位祖先？

Question

我正在阅读这个文章在MDN上的定位技术。它谈到“绝对定位元素可以固定到相对于其最近的定位祖先元素的位置”。

我对“定位祖先”的理解是一个具有任何位置属性的祖先，而不是静态的。但我需要专家意见来证实我的想法。

Answer 1

当引用定位祖先时，我们指的是与具有集合position值的元素最近的祖先，而不是static (这是默认的)。

这里有两个假设：

1. 如果有多个_positioned ancestor_s，我们指的是，最近的。
2. 如果有一个具有集合position:static的祖先(想必是由JavaScript设置的，为了更改“定位祖先”)，我们并不是指这个祖先。

为什么这很重要？因为“定位祖先”是计算属性(如left和top )的引用，当后代被赋予position:absolute时。它也被称为后代的“引用元素/父元素”。

另外，如果这个最近的祖先有一个集合z-index (auto除外)，它会为它的后代创建一个堆叠上下文。

Answer 2

来自W3C：

在这种情况下，包含的块是最近的定位祖先。我所说的“定位”是指其位置属性被设置为相对的、绝对的或固定的元素--换句话说，除了普通的静态元素之外的任何东西。

长描述，例如，说明与定位祖先有关的定位

由相对定位的祖先(“外部”)建立的包含块。

和CSS模块3，搜索页面上的“定位祖先”。