Fale sobre a propriedade position no CSS. Quais valores existem?

A propriedade position em CSS determina a forma como um elemento é posicionado na página e influencia como ele interage com outros elementos.

Valores principais de position:

• static — valor padrão. O elemento é colocado no fluxo normal do documento, as propriedades top, bottom, left, right não se aplicam.
• relative — o elemento é posicionado relativamente à sua posição normal. Pode ser deslocado usando top, bottom, left, right, mantendo seu lugar no fluxo.
• absolute — o elemento é posicionado relativamente ao ancestral mais próximo com uma posição diferente de static (ou em relação à janela se não houver). O elemento sai do fluxo normal.
• fixed — o elemento é fixo em relação à janela do navegador e não se move ao fazer scroll.
• sticky — o elemento comporta-se como relative até atingir uma posição específica ao fazer scroll, depois comporta-se como fixed.

Exemplo de uso:

.element {
  position: absolute;
  top: 10px;
  left: 20px;
}