Javascript 使用相对位置时,Chrome会出现offsetLeft问题

Javascript 使用相对位置时,Chrome会出现offsetLeft问题,javascript,html,google-chrome,Javascript,Html,Google Chrome,在Chrome上运行offsetLeft测量时,我似乎看到了一个问题。在firefox上,测量似乎很好。抵消是好的 使用以下HTML: <div id="theAbsoluteParent"> hello <span id="theRelativeChild">world <span id="theMeasure">!</span></span> </div> 然后运行以下代码: document.getEleme

在Chrome上运行offsetLeft测量时,我似乎看到了一个问题。在firefox上,测量似乎很好。抵消是好的

使用以下HTML:

<div id="theAbsoluteParent">
    hello <span id="theRelativeChild">world <span id="theMeasure">!</span></span>
</div>
然后运行以下代码:

document.getElementById('theMeasure').theMeasure.offsetLeft
从我得到的数字来看,offsetLeft似乎没有得到相对于其父代(相对子代)的相对位置。相反,它返回的似乎是相对于绝对分式的位置。offsetTop的情况并非如此

在firefox上运行时,问题就消失了

有办法解决这个问题吗?我要测量相对绝对坐标的相对位置。我想我会有一个循环,迭代offsetParents并添加…但是这个bug显然不起作用

这里有一个JSFIDLE来演示这个问题

document.getElementById('theMeasure').theMeasure.offsetLeft