CSS：使用 parent 上的任何位置 属性 相对于其 parent 定位 child 元素
CSS: Positioning a child element relative to its parent using any position property on the parent
<div style="width: 300px; height: 300px;">
<p>Position me relative to my parent.</p>
</div>
在上面的 HTML 中，假设我希望 p 元素位于 parent div 的底部。通常使用以下 CSS:
div {
position: relative;
}
p {
position: absolute;
bottom: 0;
}
我的问题是：我是否也可以通过为 parent 使用任何位置声明（静态除外）来实现此目的？
我一直在努力寻找这方面的具体证据，但 CSS 规范无法访问（无法加载），MDN 和 w3schools 等各种参考站点都说“具有位置的元素：绝对；是相对于最近定位的祖先定位”，这有点含糊。
https://www.w3schools.com/css/css_positioning.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/position
在我的测试中，似乎任何具有默认 static 位置以外的祖先都可以设置 child 相对于.
https://jsfiddle.net/saywxme4/16/
希望听到对此有确切了解的人的意见。非常感谢来自权威来源的参考。
问题是：
Could I also achieve this [positioning the p element at the bottom] by using any position declaration(other than
static) for the parent?
是
来自MDN：
A positioned element is an element whose computed position value is
either relative, absolute, fixed, or sticky. (In other words, it's
anything except static.)
<div style="width: 300px; height: 300px;">
<p>Position me relative to my parent.</p>
</div>
在上面的 HTML 中，假设我希望 p 元素位于 parent div 的底部。通常使用以下 CSS:
div {
position: relative;
}
p {
position: absolute;
bottom: 0;
}
我的问题是：我是否也可以通过为 parent 使用任何位置声明（静态除外）来实现此目的？
我一直在努力寻找这方面的具体证据，但 CSS 规范无法访问（无法加载），MDN 和 w3schools 等各种参考站点都说“具有位置的元素：绝对；是相对于最近定位的祖先定位”，这有点含糊。
https://www.w3schools.com/css/css_positioning.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/position
在我的测试中，似乎任何具有默认 static 位置以外的祖先都可以设置 child 相对于.
https://jsfiddle.net/saywxme4/16/
希望听到对此有确切了解的人的意见。非常感谢来自权威来源的参考。
问题是：
Could I also achieve this [positioning the p element at the bottom] by using any position declaration(other than static) for the parent?
是
来自MDN：
A positioned element is an element whose computed position value is either relative, absolute, fixed, or sticky. (In other words, it's anything except static.)