11

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

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

我找不到是什么原因造成的。如何解决这个问题？

4

5 回答 5

30

要禁用滚动，请尝试类似的方法；

.your_div_class{
    overflow-x: hidden;
    overflow-y: scroll;
}
于 2012-08-28T09:49:39.780 回答
13

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

只需省略div元素的宽度，它将自动扩展到其父元素的 100%。像您已经做过的那样将 facebook 按钮向右浮动应该然后正确对齐按钮而没有滚动条。

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

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

于 2012-08-28T09:42:03.230 回答
1

这是因为框架对于您在顶部 div 上设置的宽度来说太小了

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

因此，当这是在您的网页上时，您不应该获得水平滚动条。如果你这样做，那么考虑改变上面的宽度

于 2012-08-28T09:38:11.890 回答
1

试试这个，记住把“右对齐”的 div放在左对齐的 div之前，即使是右 div 也必须在图形上“之后”。

于 2012-08-28T09:42:44.213 回答
0

rtl 大多数时候都有问题，（我特别喜欢

<body dir="{{(App::isLocale('ar') ? 'rtl' : 'ltr')}}">

在 laravel 中，唯一的解决方案是

body{ overflow-x: hidden; }但要小心内部元素是否适合

于 2021-09-06T00:26:55.707 回答