google-chrome - Chrome 忽略静态宽度并改为适合内容，适用于所有其他浏览器

Question

我遇到的问题可以在这里找到：

http://jsfiddle.net/boblauer/5uVrK/

如果您在 Chrome 中查看它，您会注意到当您向右滚动时，它会立即停在最后一个绿色框的右边缘。但是，在 FF 和 IE 中（没有尝试过其他），它会正确地滚动到最后一个绿色框之外。

由于 .lane-container 的宽度为 2000 像素，而盒子的宽度应为 1700 像素，因此最后一个盒子的右侧应该多出 300 像素，但在 Chrome 中没有。

关于为什么 Chrome 的行为与其他人不同，以及如何解决它的任何想法？

Answer 1

将显示设置为 inline-block 而不是 float: left 为我解决了这个问题。浮动块级元素将它们从 dom 流中取出。这并不能真正解释为什么这不起作用，但这是一种解决方法。我总是更喜欢内联块而不是左浮动。

编辑

经过一些 jsfiddling 之后，似乎 chrome 没有显示容器 div 的全宽，因为它是空的。一旦您在车道容器周围添加边框，它就会按预期工作，但是，由于您将内部 div 向左浮动，它们不在 dom 浮动中，并且车道容器的高度似乎为 0。