请教，设置position: relative后，jQuery offset()定位不准的原因

[winzond]

因为一些其它元素的需要设置祖先元素position: relative，设置出来的位置会产生一个固定的位差，请教这个位差是怎么产生的，怎么才能消除这个位差？只要把祖先元素的position: relative取消，就正常了，但真的不能取消，取消会产生其它更严重的问题。

function addChgTdBar($gridTable) {
    $tgtBar = $gridTable.find(".changeWBar").empty();
    $gridTable.find(".sort").each(function () {
        var top = $(this).offset().top;
        var left = $(this).offset().left + $(this).width() - 3;
        console.log("top:" + top + "  left:" + left);
        var $newDiv = $('<div class="changeTdW"></div>')
        $newDiv.css("height", $(this).height()+2).attr("data-i", $(this).attr("data-i"))
            .offset({ top: top, left: left }).appendTo($tgtBar);
    });
}

[天际的海浪]

.offset().top获取的值没有问题，问题在用offset()设置坐标上 .offset({ top: top, left: left })是要根据元素在页面中的位置来设置坐标。如有祖先元素是position: relative，就减少相对的坐标。 所以新创建的元素要先添加到页面上再用offset()设置坐标 .appendTo($tgtBar).offset({ top: top, left: left });