Positionnement CSS

position : méthode de positionnement des éléments, les valeurs sont statiques, fixes, relatives, absolues

La méthode de positionnement doit être utilisée en conjonction avec l'attribut de positionnement

Coordonnées de positionnement : spécifiez l'élément de positionnement et sa distance par rapport au élément cible.

Positionnement fixe, position : fixe

Le positionnement fixe est relatif à la fenêtre du navigateur.
Positionnement fixe, n'occupe pas d'espace et a un niveau plus élevé que les éléments ordinaires. Il ne défile pas pendant que la page Web défile.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément de positionnement fixe reste en place.
L'élément de positionnement fixe doit être un "élément de bloc", quel que soit l'élément dont il s'agit.

Positionnement relatif, position:relative;

Le positionnement relatif, est relatif à " « moi originel » pour vous positionner.
Le positionnement relatif, prend toujours de la place et a un niveau plus élevé que les éléments ordinaires.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément positionné relativement restera en place.
Le positionnement relatif signifie que s'il s'agissait à l'origine d'un élément en ligne, ce sera toujours un élément en ligne après le positionnement ; s'il s'agissait à l'origine d'un élément de bloc, ce sera toujours un élément de bloc après le positionnement ; positionnement.

Remarque : Le positionnement relatif et le positionnement absolu sont généralement utilisés ensemble.

Positionnement absolu, position:absolute

positionne l'élément par rapport à ses ancêtres (positionnement relatif, positionnement absolu) pour effectuer le positionnement.

Si son élément parent n'a aucun positionnement, recherchez l'élément positionné vers le haut.
Si le <body> est toujours trouvé mais qu'aucun élément de positionnement n'est trouvé, positionnez-le par rapport à <body>.

Des éléments absolument positionnés, qui ne prennent pas de place et ont un niveau supérieur aux éléments ordinaires.
Si aucune coordonnée de positionnement n'est spécifiée, la position de l'élément positionné de manière absolue restera en place.
L'élément absolument positionné est un "élément de bloc".

Opération automatique