css - offsetTop 和静态或绝对定位

Question

在 HTML 中，我有一个相对定位的 div。它的边框为 6px。它没有填充。在它是另一个分区。这个 div 没有边距。

我在 Firefox 中查看它。

我做了一个 fiddle ，jsfiddle.net/ericjvandervelden/uKgYs/10 .

如果内部 div 是静态的，它有 offsetTop=0 我明白了。但是如果内部 div 是绝对定位的，它就有 offsetTop= -6px。我不明白这一点。

Answer 1

似乎 offSetTop 的 Firefox 实现可能存在绝对定位问题。

我改进了 your jsfiddle .

我已经在 firefox、chrome 和 IE8 中测试了位置和偏移的函数和 jquery 实现，好吧，没有结果是相同的...

Absolute        |  offSetTop   |  jquery.offSet.top | jquery.position.topFirefox |  -6          |  30                | 0Chrome  |  0           |  26                | 0IE8     |  5           |  25                | -1Static        |  offSetTop   |  jquery.offSet.top | jquery.position.topFirefox |  0           |  384                | 0Chrome  |  0           |  376                | 0IE8     |  5           |  371                | -1

如果您使用绝对位置，我的建议是使用 jquery.position 而不是原生的 offSetTop。

尽管如此，IE 仍然表现得很奇怪。至少，不管是什么位置，它的行为都很奇怪。

我相信这个bug report可能会感兴趣。