html - CSSで水平スクロールバーを削除する

Question

私は自分のWebページで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/

Answer 3

上部の div で設定した幅に対してフレームが小さすぎるためです。

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

したがって、これが Web ページ上にある場合は、水平スクローラーを取得しないでください。その場合は、上記の幅を変更することを検討してください

Answer 4

これを試して、「右揃え」の div を左揃えの div の前に配置することを忘れないでください。