Esta é uma visão geral rápida de nível iniciante dos diferentes valores de posição CSS. Resumindo: o relativo permite que você “desloque” e deixe a posição original do elemento no fluxo da página. Absoluto e fixo permitem a colocação exata de elementos e os remove do fluxo da página. Os elementos de posição fixa não são afetados pela rolagem. Todos eles definem um novo contexto de posicionamento e permitem que o Z-index funcione.
Links do vídeo:
- Dabblet
- Cargo (no MDN)