CSSPositionnement


Syntaxe

  • position: static | absolute | fixed | relative | sticky | initial | inherit | unset;
  • z-index: auto | nombre | initial | hériter;

Paramètres

Paramètre Détails
statique Valeur par défaut. Les éléments s'affichent dans l'ordre, tels qu'ils apparaissent dans le flux de documents. Les propriétés top, right, bottom, left et z-index ne s'appliquent pas.
relatif L'élément est positionné par rapport à sa position normale, donc à left:20px ajoute 20 pixels à la position GAUCHE de l'élément
fixé L'élément est positionné par rapport à la fenêtre du navigateur
absolu L'élément est positionné par rapport à son premier élément ancêtre positionné (pas statique)
initiale Définit cette propriété sur sa valeur par défaut.
hériter Hérite cette propriété de son élément parent.
gluant Caractéristique expérimentale Il se comporte comme la position: static dans son parent jusqu'à ce qu'un seuil de décalage donné soit atteint, il agit alors comme une position: fixed .
non défini Combinaison d'initiale et d'héritage. Plus d'infos ici .

Remarques

Le flux normal est le flux d'éléments si la position de l'élément est statique .

  1. définir la largeur est bénéfique car dans certains cas, il empêche le chevauchement du contenu de l'élément.

Positionnement Exemples Liés