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

我在IE和FF的容器上用水平滾動條遇到問題，但是在Chrome中一切正常。容器溢出，在Chrome中很好，在IE/FF中很奇怪

該網站是1200px寬，在Chrome瀏覽器窗口低於1200px時，您可以獲得水平滾動條，但在IE和FF中，即使窗口高於1200px，滾動到只有白色空間。

我不想設置爲隱藏溢出，因爲那樣根本就不會滾動。有一個固定的標題我雖然可能是一個問題，但它仍然存在，即使將標題絕對後。

我認爲，而不是發佈整個網站的代碼片段，我應該只是鏈接有問題的網站？

如果有人能透露這將是非常美妙的問題的一些情況。這比其他任何事情都更令人討厭，但如果可能的話，仍然想糾正我的錯誤。

編輯：找到了解決方法，請參閱答案

2012-03-30 Bantros

我在PC，FF，IE和Chrome之間獲得了相同的行爲。 – 2012-03-30 14:24:18

感謝您的信息，我認爲我自己修復它很好，知道它在其他地方工作 – Bantros 2012-03-30 14:28:29

overflow:hidden;剪輯的內容。但是，如果內容不適合屏幕，當然會有滾動。溢出只是根據容器尺寸剪裁內容。試試吧，你會看到它的作品。我只是測試了Firefox（mac）。

UPDATE

通常，如果這樣的事情發生，如果IE/FF，那麼它與盒模型錯誤的事情。只需添加

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

你的包裝類，你會不會需要設置溢出。

2012-03-30 14:24:42 Cthulhu

不知道這是否是最優雅的解決方案，但我剛剛應用overflow-x：hidden;到我的容器，它似乎已經解決了問題在IE和FF。我不知道爲什麼需要Chrome瀏覽器時沒有它。

儘管我不知道我的解決方案工作原因，但我仍然很感激任何解釋，謝謝。

2012-03-30 14:25:38 Bantros

問題在於包裝類。添加框大小：邊框，它會很好：'-webkit-box-sizing：border-box; -moz-box-sizing：border-box;盒子大小：邊框;' – Cthulhu 2012-03-30 14:34:41

回答