Maison >interface Web >tutoriel CSS >Comment puis-je empêcher les barres de défilement de modifier l'alignement de ma page Web ?

Comment puis-je empêcher les barres de défilement de modifier l'alignement de ma page Web ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-13 06:51:13874parcourir

How Can I Prevent Scrollbars from Shifting My Webpage's Alignment?

Préserver la position de la page Web malgré l'apparence de la barre de défilement

Lorsqu'une page avec des éléments DIV centrés nécessite un défilement alors que d'autres ne le font pas, l'émergence d'une barre de défilement peut perturber l’alignement de la page Web. Pour éviter ce changement visuel, pensez à utiliser la technique suivante :

La propriété overflow-y:scroll est la bonne solution. Cependant, il doit être appliqué à la balise HTML, et non à la balise body, car son utilisation sur la balise body peut créer une double barre de défilement dans Internet Explorer 7.

Le CSS corrigé serait le suivant :

html {
  overflow-y: scroll;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn