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

Question

我有div{position:absolute}。来自w3cschools：

  

absolute - 元素相对于其第一个定位（非静态）祖先元素

定位

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

Answer 1

适用于Chrome，Safari和Firefox：

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

加分：在Chrome和Safari中，如果右键单击控制台中的结果，则可以在元素面板中显示结果。