滚动条无缘无故显示

时间:2014-02-07 00:36:09

标签: html css scrollbar

好吧我的问题是,在我的网站上,有一个滚动条似乎让用户向右滚动1cm。

我想完全远程操作并让聊天框和徽标实际上居中在页面中。

在移动设备上也是如此,整个事情是可以轻微滚动的,这让它真的很烦人。

我有什么方法可以解决它吗?

非常感谢! 亚历

2 个答案:

答案 0 :(得分:1)

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

我在chrome中禁用了它,水平滚动条消失了。

width: 100%;

尝试删除它,看看它是怎么回事。

答案 1 :(得分:0)

从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/