Existem quatro tipos de posicionamento possíveis para as DIVs:
O posicionamento estático corresponde ao fluir normal dos elementos num documento HTML, ou seja, as DIVs são posicionadas de cima para baixo, da esquerda para a direita. Se uma DIV for reposicionada através de css, a DIV imediatamente abaixo toma o seu lugar.
O posicionamento relativo é um reposicionamento de uma dada DIV relativamente à sua posição estática, ou seja, relativamente à sua posição estática a DIV está deslocada no eixo x tantos pixeis e no eixo y outros tantos pixeis.
O posicionamento absoluto é calculado tendo em conta a janela do browser. Neste caso as coordenadas x e y da DIV estão em perfeita correlação com as dimensões da janela do browser.
O posicionamento fixo permite manter uma DIV fixa na janela do browser, que não mexe com o movimento do Scroll. Permite-nos criar efeitos como os realizados com frames.
Exemplos: