CSS Position
| position | top, left, bottom e right podem ser aplicados? |
é posicionado (*) "normal flow" | é posicionado em relação ... |
|---|---|---|---|
| static | não | (*) durante o | - |
| relative | sim | (*) depois do | ao "normal flow" |
| fixed | sim | (*) antes do | viewport |
| absolute | sim | (*) depois do | elemento-pai/documento (*1) |
(*1): Elementos com position: absolute são posicionados em relação
ao elemento-pai que tenha position: absolute ou
position: relative. Se o elemento-pai não atender nenhumas dessas condições,
o elemento será posicionado em relação ao elemento html, ou seja, à
própria página.