Les barres de défilement permettent de modifier le positionnement du contenu affiché dans la fenêtre de l'application, le plus souvent la page du document. Par défaut, ils apparaissent automatiquement dans les cas où la largeur ou la hauteur de la fenêtre n'est pas suffisante pour afficher toute la page ouverte. Par conséquent, pour vous débarrasser de la barre de défilement horizontale, vous devez modifier la largeur de la page ou de la fenêtre de l'application dans laquelle elle est ouverte.
Instructions
Étape 1
Effectuer un zoom arrière sur la page - c'est le moyen le plus simple de supprimer la barre de défilement horizontale lors de l'affichage de la page. Dans n'importe quel navigateur, cela peut être fait en faisant rouler la molette de la souris vers vous tout en maintenant la touche ctrl enfoncée. De nombreux éditeurs de texte (par exemple, Microsoft Word) prennent également en charge ce contrôle de zoom de page. Dans les navigateurs, vous pouvez également utiliser la touche moins à la place de la souris. Chaque clic ou tour de roue d'un cran effectuera un zoom arrière de 10 % jusqu'à ce que la taille horizontale soit suffisamment grande pour afficher la page sans barre de défilement horizontale.
Étape 2
Utilisez la capacité du navigateur à falsifier le code source d'une page Web et à modifier les styles d'affichage qui y sont spécifiés pour qu'ils correspondent à la largeur de la fenêtre - certains navigateurs Web ont cette option. Par exemple, dans le navigateur Opera, il vous suffit de cliquer sur l'icône "Ajuster à la largeur" et la barre de défilement horizontale disparaîtra, et les colonnes de la page consultée changeront de taille. S'il devient nécessaire de revenir à la mise en page spécifiée par le créateur, cliquez à nouveau sur cette icône.
Étape 3
Lors de la création de pages Web, utilisez la propriété CSS overflow-x pour désactiver de force le défilement horizontal de la page entière ou de ses éléments de bloc individuels. Cette propriété a été introduite dans CSS depuis la version 3.0 et est prise en charge par tous les navigateurs modernes. Les valeurs que l'on peut lui attribuer sont auto, masqué, scroll, visible. Si cette propriété n'est pas spécifiée dans les descriptions de style, alors elle est considérée comme ayant la valeur auto, c'est-à-dire qu'un défilement horizontal doit apparaître lorsque le contenu ne correspond pas à la largeur de l'élément. Pour désactiver le défilement dans absolument tous les cas, utilisez la valeur masquée. Par exemple:
corps {overflow-x: caché;}
