CSS - 9 - Posicionament

En HTML és díficil col·locar un element en la posició exacta i hem de fer servir taules anidades unes dintre de les altres. Amb CSS podem afinar més la precisió que no pas amb HTML. Amb CSS podem posicionar de 4 formes diferents.

1. Posicionament estàtic. Posicionament normal que té l'element segons la forma habitual de procedir del navegador.
   
2. Posicionament relatiu. Posiciona un element en relació amb la seva posició normal o estàtica. Aquest element forma part del fluxe de dades, però queda una mica desplaçat amb respecte a la seva posició normal.
   
3. Posicionament absolut. Posiciona respecte als contorns de la pàgina.
   
4. Posicionament fixe. Encara no ho implementen els navegadors però la seva posició seria fixe respecte a la finestra.

exemple:

• position: absolute;
  
• left:0px;
  
• right:0px;
  
• top:10px;
  
• bottom:5%;