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

布莱克·弗雷德里克(Blake Frederick)

我正在使用以下代码:

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

.absolute {
  position: absolute;
}

我希望使用Chrome的DevTools快速找到哪个父<div>元素具有position: relative,因此我可以知道哪个父元素确定了我绝对定位的元素的起点。我可以手动检查每个div来找到设置为的第一个父级,relative但是我正在使用深度嵌套的树,因此我想知道是否有更快的方法来找到我要查找的父级。控制台的Javascript代码段将是合适解决方案的示例。

Justineo

HTMLElement.offsetParent 就是为此目的而设计的。

请参阅MDN上的此文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React应用,绝对定位的子对象未相对于其相对定位的父对象定位(在Chrome中)

如何从当前位置(而不是父对象)定位(偏移)绝对元素?

绝对定位的子元素溢出父容器

相对定位的HTML元素与父元素重叠

为什么不能相对于“位置:静态”的父对象定位“位置:绝对”元素?

当父元素已定位时,如何相对于视口水平居中放置绝对定位的元素?

DropDown 在相对父容器之外定位绝对元素

绝对定位元素不留在相对父级

将绝对元素定位在相对父容器之外

相对定位与绝对定位

相对定位父级的绝对定位的psuedo元素的overflow设置为overflow:hidden

允许绝对定位的元素比父绝对定位的元素宽

如果父元素是静态的,为什么绝对定位的元素自身不相对于父元素定位?

将绝对定位的DIV“完全”适合相对定位的父DIV?

相对定位元素内部的绝对定位元素被裁剪

相对定位元素内的绝对定位元素。如何获得宽度和高度?

如何使这些子div与其相对定位的父对象的底部对齐?

具有相对和绝对定位的元素

如何更改绝对定位的CSS元素的偏移父级?

绝对定位元素扩展父元素

使相对定位的div包含绝对定位的所有子div

如何使绝对定位的元素响应?

绝对/相对定位问题

绝对定位而不扩展父对象

如何定位通过innerText标识的子元素的父元素?

如何确定相对父对象的绝对溢出元素的位置?

将绝对定位的 div 展开并将其定位到相对定位的父级

父元素是否有可能从绝对定位的子元素继承高度?

是否可以将子元素浮动在已绝对定位的父元素内?