好吧我的问题是,在我的网站上,有一个滚动条似乎让用户向右滚动1cm。
我想完全远程操作并让聊天框和徽标实际上居中在页面中。
在移动设备上也是如此,整个事情是可以轻微滚动的,这让它真的很烦人。
我有什么方法可以解决它吗?
非常感谢! 亚历
答案 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/)