js - 浮动元素的错误值＆＃39; offsetLeft

Question

我有一个100％宽的包装，它有一个隐藏的溢出和另一个div，它的高度和宽度都等于它儿童宽度的总和。 每个孩子都漂浮在左边，所有孩子都应该完全适合他们的父母，但我没有得到我认为应该得到的offsetLeft值。

容器的宽度（正确地）计算如下：

items_width = 0;

for(var i = 0; i < items.length; i++){
    items_width += items[i].clientWidth;
}

然而这个功能：

function setOffsets(){
    for(var j = 0; j < items.length; j++){
        items_offset.push(items[j].offsetLeft);
    }
    return items_offset;
}

返回此数组：

  

[0,470,790,1259,1730,0,220,773,1243,1737,1957,0]

我看到它的方式，有些物品被包裹在另一条线上 - 虽然如果我将容器的左边距设置为，让我们说 - -1500px，则其他项目会正确浮动。

我真的好奇为什么偏移似乎被打破了，是否有可能覆盖这种行为？

Firefox 47.0和Chrome 51.0都出现问题