𝗣𝗿𝗼𝗽𝗿𝗶𝗲́𝘁𝗲́𝘀 𝗱𝗲 𝗽𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗖𝗦𝗦
La propriété CSS position détermine l'emplacement d'un élément sur votre page. Vous utilisez top, right, bottom et left pour les déplacer.
Il existe cinq principaux types de positionnement.
Static C'est le réglage par défaut. Les éléments suivent l'ordre normal de la page. L'utilisation des propriétés top ou left n'a aucun effet ici.
Relative Cela déplace un élément par rapport à sa position d'origine. Si vous ajoutez 20px au top, l'élément descend. Les autres éléments restent à leur place d'origine et ne comblent pas l'espace laissé vide.
Absolute Cela retire un élément du flux normal de la page. Il se positionne par rapport à son ancêtre positionné le plus proche.
Les autres types incluent Fixed et Sticky. Les éléments Fixed restent à un endroit précis même lorsque vous faites défiler la page. Les éléments Sticky se comportent comme des éléments Relative jusqu'à ce qu'ils atteignent un point spécifique, puis ils restent fixes.
En savoir plus sur ces propriétés ici.
Source : https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8