Question

我在IE和FF的容器上遇到水平滚动条的问题但Chrome中的一切都很好。

该网站宽度为1200px，在Chrome浏览器窗口低于1200px时，您可以获得水平滚动条，但在IE和FF中，即使窗口高于1200px，也只能滚动到空白区域

我不想将溢出设置为隐藏，因为根本就没有滚动。有一个固定的标题我虽然可能是一个问题但它仍然坚持甚至在使标题绝对。

我认为不应该从完整网站发布代码片段，而应该链接相关网站？

如果有人能够对这个问题有所了解，那就太棒了。这比其他任何事情更令人烦恼，但如果可能的话，我仍然想纠正我的错误。

修改：找到解决方案，查看答案

Answer 1

overflow:hidden;剪辑内容。但是，如果内容不适合屏幕，则当然会滚动。溢出只是根据容器尺寸剪切内容。试试吧，你会发现它有效。我刚刚在firefox（mac）上测试过。

<强>更新

通常如果IE / FF出现这样的事情，那么它与盒子模型bug有关。只需添加

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

到你的wrap类，你不需要设置溢出。

Answer 2

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

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