什麼導致討厭的水平滾動條？

-3

我正在包裝一些網站，並注意到有些東西迫使水平滾動條出現在容器邊界外here。什麼導致討厭的水平滾動條？

我有Firebugged它死了，但仍然無法弄清楚違規方是什麼。我向任何能夠告訴我這裏有什麼問題的人提供快速的讚譽。

謝謝！

2010-03-12 fmz

我沒有看到它在Firefox也不IE8 – 2010-03-12 22:31:06

@duralai：亦不一@fmz：您正在使用哪個容器滾動*月*？我看不到任何卷軸。調整我的瀏覽器大小會在瀏覽器本身的底部生成一個水平滾動條（感謝您的固定寬度頁面設置），但在其他地方無法使用。 – Randolpho 2010-03-12 22:36:44

它在Firefox中顯示。我添加了以下內容，現在已經消失： html {overflow-x：hidden; } – fmz 2010-03-12 22:45:54

其他人發佈了一個答案，然後撤回它。這很接近，但並不是那樣。

以下是最終解決問題：

html 
{ 
height: 100%; 
margin-bottom: 1px; 
overflow-y: scroll; 
overflow-x: hidden; 
}

2010-03-12 22:49:13 fmz

這是一個解決方案，但是是什麼原因造成的？ – 2012-05-09 16:07:21

仍然只是一個解決方案，仍然不知道是什麼原因造成的問題 – 2015-06-22 06:40:13

我認爲它與#container div的邊距有關。

當我在Google Chrome上檢查元素並將邊距樣式更改爲margin: 0;時，滾動條將消失。

嘗試添加：padding: 0px;至樣式。它保持居中並且滾動條消失。

2010-03-12 22:42:20 Jayrox

不幸的是，這不起作用。 – fmz 2010-03-12 22:47:58

你必須添加html {overflow-x：hidden; }當我搞砸鉻檢查元素工具。很高興你得到它的工作:) – Jayrox 2010-03-13 05:12:52

東西重要的是，除了檢查，以填充和保證金是一個邊界。邊框將爲您的元素添加寬度。

border: none; 
padding: 0px; 
margin: 0px;

這應該修復它

2013-08-02 19:12:43

回答