Entfernen Sie die horizontale Bildlaufleiste in CSS

Ich bin mit einem facebook like-button auf meiner web-Seite. Ich brauche Sie zum ausrichten an der rechten Seite der Seite. Aber es gibt eine horizontale Bildlaufleiste angezeigt.

Finden Sie die Geige http://jsfiddle.net/u4kMs/

Ich konnte nicht herausfinden, was die Ursachen dieser. Wie man dieses Problem beheben?

  • Es gibt keine scroll-Leiste, vielleicht legen Sie einen größeren Breite als Ihren monitor.
  • Ich habe Breite kleiner als mein monitor-Breite. Wenn ich entfernen, er facebook like-button die horizontale Bildlaufleiste verschwindet.
  • Hier gilt das gleiche, keine Bildlaufleiste auf die Schaltfläche, Ihre container ist einfach zu breit für das Fenster.
  • smth like this? jsfiddle.net/u4kMs/5 und scroll-bar ist, weil der <div style="width:980px;"> ändern der Breite zu den kleineren und es nicht Bildlaufleiste
  • Die Bildlaufleiste nicht angezeigt, die Taste. Die Seite der horizontalen Bildlaufleiste.
  • Wenn Sie wollen, dass Sie inline-ohne scroll-Leiste jsfiddle.net/u4kMs/9 verwenden float:left für "sample content" - div und float:right; für die fb-share-button, und <div style="width:980px;"> nehmen Sie die Breite oder kleiner machen!

InformationsquelleAutor designersvsoft | 2012-08-28
  1. 10

    Wird die Bildlaufleiste angezeigt, weil der Inhalt zu breit für Ihren Bildschirm.

    Einfach weglassen, die Breite auf der div element wird automatisch zu erweitern, um 100% der Eltern. Floating den facebook button auf der rechten Seite, wie Sie bereits haben sollten, richten Sie dann die Taste korrekt, ohne scrollbar.

    Wenn Sie nicht bekommen, eine befriedigende Lösung kann man immer noch erklären overflow:hidden auf die enthaltenden div-Element zum unterdrücken der Scrollbalken.

    Wäre dies das Ergebnis: http://jsfiddle.net/poikl/u4kMs/8/

    InformationsquelleAutor Christoph
  2. 25

    zu deaktivieren, Blättern Sie, versuchen Sie so etwas wie;

    .your_div_class{
    overflow-x: hidden;
    overflow-y: scroll;
}
    InformationsquelleAutor blasteralfred Ψ
  3. 0

    Es ist, weil der Rahmen zu klein für die Breite, die Sie festgelegt haben, auf das top-div

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

    Also wenn das auf deiner web-Seite yo sollte nicht die horizontale scroller. Wenn Sie das tun, dann in Erwägung ziehen, das oben Breite

    InformationsquelleAutor David Sigley
  4. 0

    Versuchen diese und denken Sie daran, dass die "Rechtsbündig" div vor die Linksbündig div, auch die richtige div-sein "nach" grafisch zu sprechen.

    InformationsquelleAutor DonCallisto
Schreibe einen Kommentar