css - 以相对方式绝对定位一个部门

Question

我不太确定如何表达我的问题，但这些是我的想法：

我的理解：鉴于 div-B 嵌套在 div-A 中...

我可以在 div-A 上设置相对定位，以便 div-A 中的任何元素都将相对于 div-A 定位。然后，如果我在 div-B 上设置绝对定位，我可以将它移动到 div-A 的右上角。

#div-A {
 position:relative;
}
#div-B {
 position:absolute;
 top:0;
 right:0;
}

此外，如果我删除 div-A 部分并留下...

#div-B {
 position:absolute;
 top:0;
 right:0;
}

div-B 将自己定位在窗口的右上角或它包含在其中的第一个相对定位的容器中。

我的问题：看到相对定位的容器内的分区可以使用绝对定位放置在该容器边界处，有没有办法绝对定位一个分区但相同的分区以相对方式处理其中包含的元素？也就是说，是否可以对容器进行绝对定位并使其包含的元素相对于自身进行绝对定位？

score 0 · Accepted Answer

恐怕定位并不像你想象的那样工作。position: relative;与元素本身有关，与嵌套元素的定位无关（除非您position: inherit;在子元素中使用）。请参阅W3.org 上的CSS2.1。

1 回答 1