鉻忽略靜態寬度和裝修內容，而不是在其他的瀏覽器

Question

工作時遇到的問題可以在這裏找到：

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

如果您在Chrome中看到它，你會發現當您向右滾動時，它會立即停止在最後一個綠色框的右邊緣。但是，在FF和IE中（還沒有嘗試過其他），它會正確地滾動一點點，超過最後一個綠色框。

由於.lane-container的寬度爲2000px，並且這些框應占用1700px的寬度，所以最後一個框的右側應該有300px的額外空間，但在Chrome中沒有。

有關Chrome爲何表現與其他人不同的想法，以及我如何解決這個問題？

Answer 1

將顯示設爲inline-block而不是float：left爲我解決了這個問題。浮動塊級元素將它們從dom流中取出。這並不能解釋爲什麼這不起作用，但這是一種解決方法。我總是喜歡內嵌塊左上浮動。

編輯

一些jsfiddling後，似乎鉻沒有顯示容器div的全寬，因爲它是空的。只要您在車道集裝箱周圍添加邊框，它就會按預期工作，不過，由於您將內部浮動區域左側浮動，因此它們不在dom浮動中，並且車道集裝箱的高度爲0。