Css 绝对div以父/母为目标

简单的问题，很难找到答案

所以我有三个div

    <div style="position: relative;" class="div-1">

        <div style="position: relative;" class="div-2">

            <div style="position: absolute;" class="div-3">

                Target Div-1's position relative.

            </div>

        </div>

    </div>

目标Div-1的相对位置。

---

第三个div是绝对定位的，但它的目标是直接父级：div-2。我想把目标锁定在1区。如何实现这一点？

因为div-2是相对的，所以第三个div将相对其父容器对自身进行绝对定位。如果要相对于div-1对其进行定位，则需要将其移出div-2并移入div-1

请记住，当您绝对定位一个元素时，它不会置换其同级元素，因此只要div-3处于绝对位置，div-2的定位就不会受到使div-3成为同级元素的影响。

状态：

绝对值
不要为元素留空间。相反，将其定位在相对于其最近定位的祖先或包含块的指定位置。绝对定位的框可以有边距，它们不会与任何其他边距一起折叠

所以，答案不难找到。。。在这种结构中是做不到的

唯一的方法是，如果最接近的元素是第一个div：

<div style="position: relative;" class="div-1">
    <div class="div-2">
        <div style="position: absolute;" class="div-3">
            Target Div-1's position relative.
        </div>
    </div>
</div>

---

很简单，除非您从

div-2

中删除

position:relative

，否则您不能这样做。太糟糕了，CMS生成的模块不可能做到这一点。谢谢你的回答！您可以在css中覆盖它。可能

.div-2{位置：初始！重要；}

.div-2 { position: initial !important; }