CSS定位疑问：子元素设absolute时父元素非relative是否生效？

1. 「子元素设absolute需父元素设relative才能相对父定位」的理解是否正确？ #

这个说法不准确，relative只是能让子元素相对父定位的其中一种情况，而非唯一条件。绝对定位元素的参考对象是最近的非static定位祖先元素，只要父元素的position值不是默认的static，子元素的absolute都会以它为基准定位。

2. 父元素设不同position值时的生效情况 #

• static：父元素为默认static时，不属于“已定位元素”，绝对定位的子元素会跳过它，向上查找最近的非static祖先；如果没有这样的祖先，就会相对于页面的初始包含块（即视口根容器，表现为网页左上角）定位。
• absolute：父元素设absolute时，自身属于已定位元素，子元素的absolute会直接以这个父元素为参考定位。
• fixed：父元素设fixed时，自身是相对于视口定位的已定位元素，子元素的absolute会以该父元素为基准进行定位。
• sticky：父元素设sticky且处于粘性生效状态时，属于已定位元素，子元素的absolute会以它为参考定位。

3. 为何父元素static时子元素相对于网页左上角？ #

CSS规范中明确：绝对定位元素的定位参考是最近的已定位祖先（定义为position值不为static的元素）。static是默认定位，不满足“已定位元素”的条件，所以子元素会跳过所有static祖先，最终以页面的初始包含块作为定位基准，视觉上就表现为相对于网页左上角定位。

内容的提问来源于stack exchange，提问作者AKTalpur