Static
- Valor default. Renderiza os elementos na ordem que aparecem no documento.
- Não é possível mudar
top e left
Relative
- O elemento pode ser posicionado relativamente a sua posição original.
- É possível manipular
top e left
- Elemento sai fora do fluxo
Absolute
- Elemento é posicionado relativamente ao último elemento antecessor que não for static.
- É possível manipular
top bottome left rigth
- Elemento sai fora do fluxo
- Necessário indicar o elemento ao qual a posição é relativa!
Fixed
- Elemento é posicionado relativamente a janela do navegador
- É possível manipular
top e left
- Usado para menus
Sticky
- Elemento é posicionado baseado na posição do scroll do usuário
- Dependendo da posição do scroll o elemento se "gruda" em algum lugar e vira fixed.
- É possível manipular
top e left