如何快速找到绝对定位的子元素的相对定位HTML父元素？

Question

我正在使用以下代码：

<div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        ...
                            <div class="absolute">Lorem ispum</div>
                        ...
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.absolute {
  position: absolute;
}

使用Chrome的开发者工具，我想能够快速找到哪个父级<div>元素具有position: relative，以便我知道哪个父级元素确定了我的绝对定位元素的原点。我可以手动检查每个

以找到设置为relative的第一个父级，但我正在使用深度嵌套的树，因此我想知道是否有更快的方法来找到我要找的父级。一个适当的解决方法示例是控制台的JavaScript代码片段。

- Blake Frederick

Answer 1

HTMLElement.offsetParent 是专门用来做这件事情的。

请参阅 MDN 上的此文档。

- Justineo