容器溢出，在Chrome中很好，在IE / FF中很奇怪

Question

我在IE和FF中的容器上使用水平滚动条时遇到问题，但在Chrome中一切正常。

该站点的宽度为1200px，在Chrome中，当浏览器窗口低于1200px时，您会如预期的那样获得水平滚动条，但是在IE和FF中，即使窗口高于1200px时也有一个水平滚动条，滚动到空白为止。

我不想将溢出设置为隐藏，因为那样根本就不会滚动。 有一个固定的标头，尽管我可能会遇到问题，但是即使将标头设为绝对值，它仍然会持续存在。

我认为与其发布整个网站的代码片段，不如我应该只是链接相关网站？

如果有人可以阐明这个问题，那就太好了。 这比其他任何事情都更令人烦恼，但如果可能的话，我仍然想纠正我的错误。

编辑：找到了解决方案，请参阅答案

Answer 1

overflow:hidden; 剪辑内容。 但是，如果内容不适合屏幕，则当然会滚动。 溢出只是根据容器尺寸裁剪内容。 只需尝试一下，您就会发现它有效。 我刚刚在Firefox（Mac）上进行了测试。

更新

通常，如果在IE / FF中发生这种情况，则与框模型错误有关。 只需添加

-webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;

到您的包装类，您将不需要设置溢出。

Answer 2

不知道这是否是最优雅的解决方案，但我只是应用了overflow-x： 到我的容器，似乎已经解决了IE和FF中的问题。 我想知道为什么Chrome在没有它的情况下会很好用。

仍然感谢任何解释，因为我不知道我的解决方案起作用的原因，谢谢。