𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
A propriedade position do CSS decide onde um elemento se posiciona na sua página. Você usa top, right, bottom e left para movê-los.
Existem cinco tipos principais de posicionamento.
Static Esta é a configuração padrão. Os elementos seguem a ordem normal da página. O uso das propriedades top ou left não tem efeito aqui.
Relative Isso move um elemento com base em sua posição original. Se você adicionar 20px ao top, o elemento se move para baixo. Outros elementos permanecem em seus lugares originais e não preenchem o espaço vazio.
Absolute Isso remove um elemento do fluxo normal da página. Ele se posiciona com base em seu ancestral posicionado mais próximo.
Outros tipos incluem Fixed e Sticky. Elementos Fixed permanecem em um único lugar mesmo quando você rola a página. Elementos Sticky agem como elementos relative até atingirem um ponto específico, então permanecem fixos.
Saiba mais sobre essas propriedades aqui.
Fonte: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8