绝对位置与父母的父母相同

Question

我有3个数字，如下：

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

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

有办法做到这一点吗？

Answer 1

如果您已经制作了. div -3 position:absolute，那么它将是针对在div-2中的父div的。它会对齐到左上角。如果您想使其相对于div-1，请尝试如下：

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

这将使它相对于div-1。要进一步了解定位，您可以访问此链接

Answer 2

只需设置div-2 position: static和div-1 position: relative.

那就行了