如何获取HTML元素的位置信息

Question

我有一个div{position:absolute}. 来自w3cschools：

绝对 - 元素相对于它的第一个定位（非静态）祖先元素定位

浏览器检查器（Chrome，Firebug）是否有一种简单的方法来获得第一个非静态祖先，我的 div 相对于它定位？

Answer 1

适用于 Chrome、Safari 和 Firefox：

1. 右键单击<div>并选择“检查元素”。
2. 在检查器中选择“控制台”选项卡并输入$0.offsetParent. 按回车键。
3. 结果是所选元素的偏移父级。

奖励：在 Chrome 和 Safari 中，如果您在控制台中右键单击结果，您可以在元素面板中显示它。