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
Libérer: 2024-12-13 06:51:13
original
862 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal