position en CSS

1. Syntaxe et structure de position

Syntaxe de position : position : relatif absolu statique

paramètres de position :
statique : aucun positionnement particulier, l'objet suit les règles de positionnement HTML
absolu : faites glisser l'objet hors du flux de documents et utilisez les attributs gauche, droite, haut, bas et autres pour un positionnement absolu. Et sa cascade est définie via la propriété CSS z-index. Pour le moment, l'objet n'a pas de marges, mais il y a toujours un remplissage et des bordures
relatives : l'objet ne peut pas être empilé, mais sera décalé dans le flux normal du document en fonction de la gauche, de la droite, haut, bas et autres attributs

2. Conditions d'utilisation du positionnement absolu

position:absolute;position:relativeL'utilisation du positionnement absolu est généralement défini par le parent position : positionnement relatif, enfant Le niveau définit l'attribut position : positionnement absolu absolu, et l'enfant utilise gauche ou droite et haut ou bas pour le positionnement absolu.

3. Résumé du positionnement absolu CSS

Positionnement absolu Si le parent n'utilise pas position:relative, mais utilise directement position:absolute, la balise body sera utilisée comme parent à cette fois, l'utilisation de Position:absolute définit que quel que soit le nombre de niveaux de la structure DIV dans lequel l'objet se trouve, il sera déplacé avec comme parent (niveau de référence) pour un positionnement absolu.

Nous pouvons utiliser CSS z-index pour définir l'ordre de chevauchement des couches CSS lors du positionnement absolu.

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!