posicionamiento en css

Posicionamiento en css

El elemento que se posiciona de forma absoluta no deja un espacio vacío después de ser posicionado.Se posiciona exactamente en las coordenadas especificadas.

Se utilizan las propiedades left, right, top, y bottom para colocar la caja.

Por ejemplo:

position:absolute;
top: 100px;

Posiciona al elemento correspondiente a 100px de borde superior.

Posicionamiento relativo

La posición para un elemento que se posiciona de forma relativa se calcula desde la posición original en el documento, deja espacio en blanco en el documento entre la posicion original y la posicion que le definimos.