容器溢出，在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在沒有它的情況下會很好用。

仍然感謝任何解釋，因為我不知道我的解決方案起作用的原因，謝謝。