html - 根据 parent 的 parent 的绝对位置

Question

我有 3 个 div，如下所示:

<div class="div-1">
    <div class="div-2">
        <span class="wrapper">test</span>
        <div class="div-3">
        </div>  
    </div>
</div>

div-1 和 div-2 有position:relative。 div-3 具有绝对位置。 包装器具有绝对位置。 我需要 div-2 相对定位，以便 wrapper 可以绝对定位。 现在我需要的是，div-3 必须相对于 div-1 而不是 div-2 绝对定位。

有什么办法可以实现吗？

Answer 1

如果您制作了 .div-3 position:absolute ，它将与父 div 有关，在您的情况下为 div-2。它将与它的左上角对齐。如果你想让它相对于 div-1 试试这个:

<div class="div-1">
    <div class="div-2">
        <span class="wrapper">test</span>
      </div>  
    <div class="div-3">
    </div>
</div>

这将使它相对于 div-1。进一步了解定位可以前往this link