HTML - CSS Position relative absolute fixed static différences et utilisation

html css

En css il existe une propriété particulière (très connu mais mal comprise) : position

Static (par défaut): Se positionne à la suite de l'élément précédent (dans le flux)

Fixed : Se positionne en haut à gauche de l'écran (ne se déplace pas pendant le scrolling). (hors du flux)

Relative : Se positionne à la suite de l'élément précédent (dans le flux)

Absolute : Se positionne au haut à gauche du dernier élément conteneur positionné (le dernier élément auquel on a spécifié 'position') sinon la fênetre du navigateur.(hors du flux)

Fixed, Relative, Absolute acceptent les attributs de décalages (top, left, right, bottom). Attention Static ne permet pas ces attributs de décalage. (C'est d'ailleurs la différence entre static et relative)