位于嵌套在其他div中的div右上角的上方div

Question

我正试图将一个div(C(定位在另一个嵌套在另一div(a(中的div(B(中。

我希望C绝对位于B的右上角。但是，使用以下代码，它嵌套在A的右上角落。

<div>
<div style="width: 500px; height: 500px; padding: 25px; background-color: aqua;">
<div style="width: 200px; height: 100px; background-color: lime">
<div style="position: absolute; top: 0; right: 0; width: 35px; height: 10px; background-color: red;"  />
</div>
</div>
</div>

有什么想法吗？

Answer 1

给元素(B(一个position: relative;，它将解决您的问题。

绝对位置是父子关系的一部分。您已经指定了子项，但也必须指定父项。