什么是定位的祖先？

Question

我正在阅读＆＃34;定位技巧＆＃34;这个article在MDN上。 它谈到＆＃34;绝对定位元素可以固定到相对于其最近定位的祖先元素的位置＆＃34;。

我对＆＃34;定位祖先的理解＆＃34;是一个祖先，除静态之外的任何位置属性。但我需要专家意见来验证我的想法。

Answer 1

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

所以这里有两个假设：

1. 如果有多个定位祖先，我们的意思是最接近的。
2. 如果有一个具有集合position:static的祖先（可能是由JavaScript设置，为了更改＆＃34;定位的祖先＆＃34;）我们并不意味着祖先。

为什么这很重要？因为＆＃34;定位祖先＆＃34; 是计算left和top等属性的引用，所以当给予后代position:absolute时。它也被称为＆＃34;参考元素/父母＆＃34;后代 此外，如果此最近的祖先具有集合z-index（auto除外），则会为其后代创建堆叠上下文。

Answer 2

From the W3C:

  

在这种情况下，包含块是最近的祖先。   “定位”是指其position属性设置为的元素   相对的，绝对的或固定的 - 换言之，除了正常之外的任何东西   静态元素。

Long description for example illustrating positioning with respect to a positioned ancestor

  

由相对定位的祖先建立的包含块   （＆＃34;外＆＃34）。

并CSS Module 3，搜索＆＃34;定位祖先＆＃34;在那个页面上。