删除CSS中的水平滚动条

Question

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

请看小提琴http://jsfiddle.net/u4kMs/

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

Answer 1

禁用滚动,尝试类似的东西;

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

Answer 2

出现滚动条是因为内容对于您的屏幕而言太宽.

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

如果你没有得到满意的解决方案,你仍然可以overflow:hidden在包含div上声明压缩滚动条.

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