O posicionamento de elementos CSS pode ser bastante variado de acordo com o objetivo. Os quatro tipos de posicionamento mais comuns são: static, relative, absolute e fixed.

• static – posição padrão, não permite deslocamentos de topo, esquerda, direita ou base.
• relative – o posicionamento se dá a partir de deslocamento (topo, esquerda, direita ou base) da posição original, podendo ser positivo ou negativo.
• absolute – o posicionamento se dá a partir de coordenadas absolutas e torna-se independente dos demais elementos da página.
• fixed – permite fixar o elemento na coordenada, mesmo que a página se desloque, o elemento permanece na posição.

Para ver os exemplos funcionando, acesse os arquivos no link.