如果使用jQuery，维度插件非常出色，可以让您精确地指定所需内容。

e.g.

相对位置，绝对位置，无填充的绝对位置，有填充。。。

继续下去，让我们说你可以用它做很多事情。

另外，使用jQuery的好处是它的文件大小很小，使用起来很方便，以后如果没有它，就不会返回JavaScript。

jQuery.offset（）将获取第一个元素的当前坐标，或者设置匹配元素集合中每个元素相对于文档的坐标。

这是我所创建的最好的代码（与jQuery的offset（）不同，也可以在iframes中使用）。看起来webkit有点不同的行为。

基于meouw的评论：

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        // chrome/safari
        if ($.browser.webkit) {
            el = el.parentNode;
        } else {
            // firefox/IE
            el = el.offsetParent;
        }
    }
    return { top: _y, left: _x };
}

这很简单，在JS中有两行：

var elem = document.getElementById("id");    
alert(elem.getBoundingClientRect());

我发现的最干净的方法是jQuery的偏移所使用的技术的简化版本。与其他一些答案类似，它从getBoundingClientRect开始；然后，它使用窗口和documentElement来调整滚动位置以及正文上的边距（通常是默认值）。

var rect = el.getBoundingClientRect();
var docEl = document.documentElement;

var rectTop = rect.top + window.pageYOffset - docEl.clientTop;
var rectLeft = rect.left + window.pageXOffset - docEl.clientLeft;

var els=文档.getElementsByTagName（“div”）；var docEl=文档.documentElement；对于（var i=0；i<els.length；i++）{var rect=els[i].getBoundingClientRect（）；var rectTop=rect.top+window.pageYOffset-docEl.clientTop；var rectLeft=rect.left+window.pageXOffset-docEl.clientLeft；els[i].innerHTML=“<b>”+rectLeft+“，”+rectTop+“</b>”；}第二部分{宽度：100px；高度：100px；背景色：红色；边框：1px实心黑色；}#相关{位置：相对；左：10px；顶部：10px；}#绝对值{位置：绝对；顶部：250px；左：250px；}<div id=“rel”></div><div id=“abs”></div><div></div>

我想我也会把这个扔出去。我还不能在旧版浏览器中测试它，但它在前3名中的最新版本中运行。：）

Element.prototype.getOffsetTop = function() {
    return ( this.parentElement )? this.offsetTop + this.parentElement.getOffsetTop(): this.offsetTop;
};
Element.prototype.getOffsetLeft = function() {
    return ( this.parentElement )? this.offsetLeft + this.parentElement.getOffsetLeft(): this.offsetLeft;
};
Element.prototype.getOffset = function() {
    return {'left':this.getOffsetLeft(),'top':this.getOffsetTop()};
};