Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome Chrome忽略了静态宽度和内容匹配,可以在所有其他浏览器中使用_Google Chrome_Css - Fatal编程技术网

Google chrome Chrome忽略了静态宽度和内容匹配,可以在所有其他浏览器中使用

Google chrome Chrome忽略了静态宽度和内容匹配,可以在所有其他浏览器中使用,google-chrome,css,Google Chrome,Css,我遇到的问题可以在这里找到: 如果您在Chrome中查看它,您会注意到当您向右滚动时,它会立即停止在最后一个绿色框的右边缘。然而,在FF和IE中(没有尝试其他),它将正确地滚动过最后一个绿色框 由于.lane容器的宽度为2000px,而盒子的宽度应为1700px,因此在最后一个盒子的右侧应额外有300px,但在Chrome中没有 关于为什么Chrome的表现不同于其他浏览器,以及我如何解决这个问题,你有什么想法吗?将显示设置为内联块而不是浮动:left为我解决了这个问题。浮动块级元素将它们从d

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

如果您在Chrome中查看它,您会注意到当您向右滚动时,它会立即停止在最后一个绿色框的右边缘。然而,在FF和IE中(没有尝试其他),它将正确地滚动过最后一个绿色框

由于.lane容器的宽度为2000px,而盒子的宽度应为1700px,因此在最后一个盒子的右侧应额外有300px,但在Chrome中没有


关于为什么Chrome的表现不同于其他浏览器,以及我如何解决这个问题,你有什么想法吗?

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

编辑


经过更多的jsfiddling之后,chrome似乎没有显示container div的全宽,因为它是空的。只要在lane容器周围添加边框,它就会按预期工作,不过,由于您将内部div向左浮动,它们不在dom浮动中,lane容器的高度似乎为0。

谢谢,我应该意识到这一点。我能够添加溢出:自动到车道容器,使其具有正确的高度和宽度。