Saludos a todos, no entendí bien el ¨position: absolute¨ ¿Alguien podría aclararme a que se refiere Diego cuando dice que ¨el <div>...

Aníbal Gallardo

Aníbal Gallardo

Pregunta
studenthace 3 años

Saludos a todos, no entendí bien el ¨position: absolute¨ ¿Alguien podría aclararme a que se refiere Diego cuando dice que ¨el <div> three esta atras del two y por eso pierde su posición¨ ?

2 respuestas
para escribir tu comentario
    Aníbal Gallardo

    Aníbal Gallardo

    studenthace 3 años

    Muchas gracias por la aclaracion !

    fabio andres zamora osorio

    fabio andres zamora osorio

    studenthace 3 años

    position absolute: permite posicionar elementos en pantalla sin mantener las medidas ni el espacio reservado por el navegador para cada elemento por lo que al aplicar este atributo a un boton1 hara que este pierda su espacio reservado asi que si añade un boton2 este ya no aparecera al lado de boton1 sino que se posicionara detras de este. (esto explica la frase ¨el <div> three esta atras del two y por eso pierde su posición¨) . position absoluto tambien hace que al mover un elemento este use su contenedor padre como referencia para posicionarse, osea, el elemento solo podra moverse dentro del espacio que ocupe su contenedor padre, tener en cuenta que esto ocurre siempre y cuando dicho contenedor use el atributo position con cualquier valor ya sea relative, absolute o sticky. si el contenedor padre es un <body>, entonces, la referencia de posicion del elemento que tenga el atributo position absolute sera toda la pantalla

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.