Écrasement des zones de défilement du côté de démarrage en ligne

Lorsqu'une page Web s'affiche de gauche à droite par défaut, les éléments suspendus sur le côté droit de la page (par exemple, position: absolute; right: -100px; ) déclenchera une barre de défilement horizontale, défilement suffisamment pour afficher l'élément entier. Cependant, si vous accrochez l'élément sur le côté gauche de la page, l'élément est masqué (la barre de défilement n'est pas déclenchée). En termes CSS, cela s'appelle «perte de données» si vous préférez un terme professionnel. Il en va de même pour le haut (caché) et le bas (le défilement se produit).

Ahmad a souligné cela. Ce n'est qu'une de ces fonctionnalités qui doivent être comprises dans CSS. J'aime Ahmad pour décrire ce problème en utilisant des directions logiques telles que les directions inline-start (et les directions block-start ) car ces directions changent lorsque l'orientation de la page ou lorsque le modèle d'écriture change. Si la page s'affiche de droite à gauche (RTL), le bord horizontal où la perte de données se produit est inversée (sauf Firefox? ‍♀️).

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!