css - 在 CSS 位置中，绝对是相对内部，绝对是文档还是父元素？

Question

为什么 position:absolute 对文档不总是意味着绝对？例如，当您有一个 divB 时，在另一个 divA 内。如果 divA 没有位置，那么 divB 的绝对位置对文档来说是绝对的吗？

如果您创建一个位置元素并在其中放置另一个具有位置的元素，那么该子元素是否总是相对于父/包含元素（因为缺少更好的词）？换句话说，如果我有一个 position:relative 的容器，但有一个 position:absolute 的子容器，那么绝对值只对父级是绝对的，对吗？谢谢。

score 2 · Accepted Answer

具有 position: absolute 的元素对于它最近的非静态父容器是绝对的。例如，我有一个位置：相对 div，在正常段落内，在绝对跨度内。该跨度是绝对的，而不是段落（没有定义的位置，因此默认为静态），而是相对的 div。

为了与整个文档相关，您使用了 position: fixed。divB 对文档来说似乎是绝对的原因（在您的示例中）是因为它没有找到任何具有 position:relative 的父级，并最终使用了正文。

score 1 · Accepted Answer

Absolute 不一定是相对于其父级的绝对值，而是相对于其最近定位的祖先的绝对值。因此，如果绝对定位元素的父级没有声明的位置，则依赖关系将下降，直到祖先（父级的父级......等）被定位。

2 回答 2