Il existe principalement trois types de positionnement en CSS, chacun disposant de ses propres propriétés et de sa propre utilité pour des cas spécifiques.
Voici les trois types de positionnement que l'on peut trovuer :
Le positionnement absolu : permet de placer un élément n'importe où sur la page, par exemple en haut à gauche, en bas à droite ou tout au centre de la page
Le positionnement fixe : c'est le plus spécifique des trois et donc le moins utilisé, en gros c'est comme le positionnement absolu sauf que l'élément reste TOUJOURS visible et "suit" donc l'utilisateur même si celui-ci descend tout en bas de la page
Le positionnement relatif : c'est le plus courant, il sert à décaler l'élément non pas par rapport au coin en haut à gauche (absolu) mais par rapport à sa position d'origine (relatif)
La propriété CSS que nous allons utiliser pour indiquer le type de positionnement d'un élément est position.
Cette propriété peut prendre trois valeurs :
absolute : pour le positionnement absolu
fixed : pour le positionnement fixe
relative : pour le positionnement relatif
Par défaut, la grande majorité des éléments HTML sont en positionnés de manière relative.