什么会使offsetParent为空？

我想在JavaScript中进行定位。我正在使用基于classic quirksmode function的累积位置函数，其中每个offsetParent总计offsetTop和offsetLeft，直到顶部节点为止。什么会使offsetParent为空？

但是，我遇到了一个问题，我感兴趣的元素在Firefox中没有offsetParent。在IE中存在offsetParent，但offsetTop和offsetLeft全部总和为0，所以它具有与Firefox中相同的问题效果。

什么会导致在屏幕上清晰可见和可用的元素没有offsetParent？或者更实际一点，我如何才能找到这个元素的位置，以便在它下面放置一个下拉菜单？

编辑：下面是如何重现这一特定实例（而不是由当前接受的答案解决）：

打开home page of Stack Overflow。

运行在web浏览器的控制台（例如Chromev21）以下代码：

var e = document.querySelector('div'); 
console.log(e); 
// <div id="notify-container"></div> 
do{ 
    var s = getComputedStyle(e); 
    console.log(e.tagName,s.display,s.visibility,s.position,e.offsetParent); 
} while(e=e.parentElement) 
// DIV block visible fixed null 
// BODY block visible static null 
// HTML block visible static null

这是为什么元件null的offsetParent？

来源

2008-11-20 Brian Ramsay

请张贴一些示例代码。 – 2008-11-20 18:20:38

一个现实世界的例子显示错误的元素将有助于... – PhiLho 2008-11-20 18:59:00

在你的情况，这是因为`位置：固定' - 没有布局父母 – Bergi 2012-07-24 21:39:43

如果文档尚未完成加载，然后offsetParent可以为空

来源

2008-11-20 18:46:06 Greg

这是一个老问题，但我有另一种情况。如果你操纵DOM，你最终可能会得到一个空的offsetParent - 在IE6和IE7中。

参见：IE 6/7 - "Unspecified Error" when accessing offsetParent (Javascript)

来源

2010-04-27 23:18:39 Mark

我遇到了这个问题，当兄弟只是元素的左边是隐藏的：

<div id="parent"> 
    <div id="element1">some stuff</div> 
    <div id="element2" style="display: none">some hidden stuff</div> 
    <div id="element3">child whose offset we want</div> 
</div>

我碰到的情况下的offsetParent元素3为空即使元素3本身是可见的，并且父类是可见的。

我见过薄是火狐3.6和Chrome 5，这似乎也影响getBoundingClientRect（）功能上元素3，这实在是烦人，因为这工作在许多其他情况下！当该元素具有的style.display设置为 “无”

来源

2010-07-22 20:24:25 Norman

https://developer.mozilla.org/en/DOM/element.offsetParent

offsetParent返回null。

来源

2010-10-06 22:50:14 Ivan