Javascript 为什么offsetParent仍显示body标记？_Javascript_Html_Offset

Javascript 为什么offsetParent仍显示body标记？

javascript html

Javascript 为什么offsetParent仍显示body标记？,javascript,html,offset,Javascript,Html,Offset,所以我在读一本书，发现父母不能有一个静态的位置因此，我试图通过编写自定义代码来实现这一点： HTML5 为什么？来自（我的）： HtmleElement.offsetParent只读属性返回对最近（在包含层次结构中最近）定位的祖先元素的引用也就是说，在您的情况下，BODY元素是DIV和H1的最靠近位置的元素。如果需要直接父元素，请改用parentElement （FWIW，使用offsetParent的主要原因是要确定哪个父元素的坐标系offsetTop和offsetLeft是相对的。）你为

所以我在读一本书，发现父母不能有一个静态的位置

因此，我试图通过编写自定义代码来实现这一点：

HTML5

为什么？

来自（我的）：

HtmleElement.offsetParent只读属性返回对最近（在包含层次结构中最近）定位的祖先元素的引用

也就是说，在您的情况下，

BODY

元素是

DIV

和

H1

的最靠近位置的元素。如果需要直接父元素，请改用

parentElement

（FWIW，使用

offsetParent

的主要原因是要确定哪个父元素的坐标系

offsetTop

和

offsetLeft

是相对的。）

你为什么在这里问这样的问题，而不是简单地自己去阅读它是如何工作的…？但是我已经把身体的位置设置为静态。因此，不应该考虑任何偏心父母？是吗？是的，因为您已经将主体设置为静态，所以这一部分适用：“如果没有定位的祖先元素，则将返回最近的祖先td，th，table，或者如果没有祖先表元素，则返回主体。”但我已经将主体位置设置为静态。因此，不应该考虑任何偏心父母？不是吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body style="position: static;">
    <div id="div" style="position: static;">
        <h1 id="hi">hi</h1>
    </div>
</body>
</html>

console.log(div.offsetParent, h1.offsetParent);  // BODY TAG