Cuando es conveniente utilizar position relative junto con position absolute? Teniendo en cuenta que con display flex en el div padre pod...

Juan Daniel Zuluaga Serna

Juan Daniel Zuluaga Serna

Pregunta
studenthace 4 años

Cuando es conveniente utilizar position relative

junto con position absolute? Teniendo en cuenta que con display flex en el div padre podemos organizar elementos que se encuentren dentro. Aun se sigue utilizando postion absolute?

3 respuestas
para escribir tu comentario
    Hernán Josué Hernández Lamprea

    Hernán Josué Hernández Lamprea

    studenthace 4 años

    Excelente explicación @RetaxMaster. Por cierto, que gracioso el "cheems" bailando jajajajajaja

    Juan Daniel Zuluaga Serna

    Juan Daniel Zuluaga Serna

    studenthace 4 años

    Waoo muchas gracias. Excelente explicación. Me quedó mas que claro con el ejemplo.

    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 años

    Sí se siguen usando, sobre todo el diseños complejos (lo verás en el curso práctico).

    Pero por ejemplo, mira este diseño:

    positions.png

    La foto de perfil está en toda la mitad del banner y de la sección de información. Esto es un poco más complicado de hacer con Flexbox y Grid (se puede hacer, pero no es intuitivo). Pero es ridículamente fácil de hacer con positions. Simplemente pones la imagen dentro de la sección de información y con positions le dices que quieres que la imagen se salga un poquito por la parte de arriba, algo así:

    img { position: absolute; top: -50%; }

    Y con eso obtienes este diseño :D

Curso de Frontend Developer [Empieza Gratis]

Curso de Frontend Developer [Empieza Gratis]

Desarrolla interfaces web impresionantes con HTML y CSS, comprendiendo su estructura semántica y estilos. Utiliza técnicas avanzadas de display, posicionamiento y diseño responsivo para crear código limpio y efectivo. Próxima práctica.

Curso de Frontend Developer [Empieza Gratis]
Curso de Frontend Developer [Empieza Gratis]

Curso de Frontend Developer [Empieza Gratis]

Desarrolla interfaces web impresionantes con HTML y CSS, comprendiendo su estructura semántica y estilos. Utiliza técnicas avanzadas de display, posicionamiento y diseño responsivo para crear código limpio y efectivo. Próxima práctica.