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.

 

notepad

 

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:

 


 

Posicionamiento relativo CSS
Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame