滚动条出现无故

Question

好吧，所以我的问题是，在我的网站上，有一个滚动条看起来让用户滚动像1厘米的权利。

我想完全远程它，并使聊天室和标志实际居中在页面中。

同样的情况发生在移动设备上，整个事情是轻微滚动，这使得它真的很烦人。

有什么办法可以解决吗？

非常感谢！ Alex

Answer 1

从Chrome检查器的外观，您已添加填充到身体，将推翻任何内容。由于您的身体宽度已经是100％，因此在任一侧添加15px的边距将在已经100％宽度的顶部创建30个额外的像素宽度，从而创建水平滚动条。

看看这个JSfiddle：http://jsfiddle.net/piedoom/T52MM/1/我已经模拟了大边框值的填充。这是你的额外填充对身体所做的事情，它将它推向右侧并添加不需要的空间，创建水平滚动条。

但是，一旦您删除该填充，它将正常工作。 http://jsfiddle.net/piedoom/T52MM/2/

您可以删除通过键入body{padding-left: 0; padding-right: 0;}在CSS只是边填充（它会表现这样http://jsfiddle.net/piedoom/T52MM/3/）

Answer 2

这是因为你在body CSS中的宽度为100％。

我禁用它在铬和水平滚动条消失了。

width: 100%; 

试着去除它，看看它是怎么回事。