Posicionamiento relativo

Este tipo de posicionamiento es cuando los valores que le damos son relativos a otros elementos que estén en el mismo contenedor que el que estemos posicionando, evitando el solapamiento.

Vamos a utilizar exactamente el mismo ejemplo que en la lección anterior, mismas reglas, mismo documento HTML.

El cuadrado de puntos rojos indica la posición que le hemos dado al pequeño, con posicionamiento relativo.

Vemos, en este caso, como el posicionamiento relativo, el valor top los calcula en relación al elemento que tiene arriba en el mismo contenedor.

Vamos a ver su comportamiento en un vídeo: