删除CSS中的水平滚动条

Question

我在网页上使用类似Facebook的按钮。我需要它在页面的右侧对齐。但是有一个水平滚动条显示。

请参阅小提琴http://jsfiddle.net/u4kMs/

我无法找出导致这种情况的原因。如何解决这个问题？

Answer 1

禁用滚动，尝试类似的内容;

.your_div_class{
    overflow-x: hidden;
    overflow-y: scroll;
}

Answer 2

出现滚动条，因为内容对于您的屏幕来说太宽了。

只需省略div元素的宽度，它就会自动扩展到其父级的100％。像往常一样将Facebook按钮浮动到右侧，然后应该正确对齐按钮而不使用滚动条。

如果你没有得到令人满意的解决方案，你仍然可以在包含div上声明overflow:hidden来压制滚动条。

这将是结果：http://jsfiddle.net/poikl/u4kMs/8/

Answer 3

这是因为框架太小而不是你在顶部div上设置的宽度

<div style="margin-left:auto; margin-right:auto; width:980px;">

所以当你的网页上有这个时，你不应该得到水平滚动条。如果这样做，请考虑更改上面的宽度

Answer 4

尝试this并记住将＆＃34;右对齐＆＃34; div 之前的左对齐div，即使是正确的div也必须是＆＃34;＆＃34;从图形上讲。