是什么导致那个令人讨厌的水平滚动条？

Question

我正在对网站进行一些修改，并注意到有些东西迫使水平滚动条显示超出容器边界here。

我已将其焚烧死亡，但仍无法弄清楚违规方是什么。我向那些可以告诉我这里有什么问题的人提供快速的荣誉。

谢谢！

Answer 1

其他人先发布了一个答案，然后撤回了答案。它很接近，但不是一直都在那里。

以下是解决问题的方法：

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

Answer 2

我认为这与#container div的保证金有关。

当我在Google Chrome上检查元素并将边距样式更改为margin: 0;时，滚动条会消失。

尝试在样式中添加：padding: 0px;。它保持居中，滚动条消失。

Answer 3

除了填充和边距之外要检查的重要事项是边框。边框将为元素添加宽度。

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

那应该解决它