web-dev-qa-db-fra.com

Supprimer la barre de défilement horizontale en CSS

J'utilise un bouton comme facebook sur ma page Web. J'ai besoin de l'aligner sur le côté droit de la page. Mais il y a une barre de défilement horizontale affichant. 

S'il vous plaît voir le violon http://jsfiddle.net/u4kMs/

Je ne pouvais pas savoir ce qui cause cela. Comment régler ceci?

htmlcsshtml5css3
7
designersvsoft

La barre de défilement apparaît car le contenu est trop large pour votre écran.

Oubliez simplement la largeur sur l'élément div, il s'agrandira automatiquement à 100% de son parent. Flotter le bouton facebook vers la droite comme vous l'avez déjà fait devrait alors l'aligner correctement sans barre de défilement.

Si vous n'obtenez pas une solution satisfaisante, vous pouvez toujours déclarer overflow:hidden sur le div qui le contient pour supprimer les barres de défilement.

Ce serait le résultat: http://jsfiddle.net/poikl/u4kMs/8/

9
Christoph

pour désactiver le défilement, essayez quelque chose comme;

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

C'est parce que le cadre est trop petit pour la largeur que vous avez définie sur le div supérieur

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

Donc, lorsque cela est sur votre page Web, vous ne devriez pas obtenir la défilement horizontal. Si vous le faites, envisagez de changer la largeur ci-dessus

0
David Sigley

Essayez this et n'oubliez pas de mettre le div "aligné à droite"avantle div aligné, même le div de droite doit être "après" graphiquement.

0
DonCallisto