Conditions de positionnement relatif ou absolu

Pour comprendre le positionnement, vous devez d'abord comprendre le flux de documents. Les éléments relativement positionnés dans le flux de documents occupent une position et affecteront les éléments suivants (éléments de bloc, éléments de bloc en ligne). Par exemple, si deux p sont côte à côte, l'autre s'enroulera.

111

222

Le positionnement absolu consiste à supprimer l'élément du flux de documents Expulsé, il n'occupera pas la position du flux de documents et n'affectera pas les éléments suivants.

111

222

Comme ci-dessus Dans le cas présent, 111 et 222 se chevaucheront, inspectez les éléments et vous constaterez que 222 a une position réelle et 111 n'a aucune position. Il utilise les attributs gauche, droite, haut, bas et autres pour effectuer un positionnement absolu par rapport à son objet parent le plus proche avec le plus de paramètres de positionnement. S'il n'existe pas d'objet parent de ce type, il est basé sur l'objet corps. Et sa cascade est définie via l'attribut z-index.

La mise en page des pages Web implique une compatibilité avec divers appareils et résolutions, le positionnement absolu est donc destiné à ne pas convenir à la plupart des scénarios. . L’agencement ne peut donc dépendre que de la position de l’élément supérieur, et non de la hauteur et de la largeur de l’appareil.

Les scénarios adaptés au positionnement absolu sont principalement certaines fonctions auxiliaires de page.

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!