Posicionamento

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. position

  • 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.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *