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

【问题标题】：In CSS Position, is Absolute inside Relative, Absolute to the document or the parent element?在 CSS 位置中，绝对是相对内部，绝对是文档还是父元素？
【发布时间】：2012-10-06 05:22:26
【问题描述】：

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

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

【问题讨论】：

是的。那个绝对值只对父母来说是绝对的！

标签： css

【解决方案1】：

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

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

【讨论】：

我不知道你可以定位内联元素。 :)。谢谢。

【解决方案2】：

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

http://www.w3schools.com/cssref/pr_class_position.asp
（注意底部的属性值部分）

【讨论】：