块相对于父级的位置

Question

我正在使用jquery，并且试图找到相对于父级的块的位置：

$("*", document.body).click(function (e) {
    var offset = $(this).position();
    e.stopPropagation();
    $("#result").text(this.tagName + " coords ( " + offset.left + ", " + offset.top + " )");
});

https://jsfiddle.net/gk8z18vg/3/

如何获得正确的值？ 为什么会偏移11

Answer 1

您需要添加相对于父容器的位置，以便该值与整个文档中的位置无关，而与父文档中的位置无关。 11偏移量看起来像容器的偏移量+多个边框。

#co {
 position: relative;
}

修复它。

另请注意，在谈论头寸时，余量并不重要。

希望能有所帮助