saben para que sirve el overflow:hidden?

Santiago Herrera Velásquez

Santiago Herrera Velásquez

Pregunta
studenthace 4 años

saben para que sirve el overflow:hidden?

3 respuestas
para escribir tu comentario
    José Miguel Yanes Rivera

    José Miguel Yanes Rivera

    studenthace 4 años

    La propiedad "Overflow" que traducida al español seria "excedente". Lo que hace es definir que hacer con el contenido que está de más en un contenedor.

    En este video ella utilizó "

    Overflow:Hidden;
    " que en español significaria:

    Que cuando la imagen es más grande que el contenedor "Item", esta esconda lo excedente de la imagen recortando lo necesario de la imagen para que se adapte a las dimensiones del Item.

    Si no usas overflow, probablemente las imágenes quedarían por fuera del contenedor "Item".

    Para que te quede mas claro, te dejo este tutorial. Saludos desde El Salvador. https://www.youtube.com/watch?v=E5ANuFo-Wno

    Marcos Rubén García Ayala

    Marcos Rubén García Ayala

    studenthace 4 años

    Clic aquí para que veas ejemplos visuales de cada uno de los valores de overflow.

    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    La propiedad

    overflow
    define lo que sucederá si el contenido de un contenedor (de una caja) sobrepasa su tamaño (y por ende, se sale, lo cual resulta en un "overflow").

    overflow: hidden
    oculta el contenido que se sale de la caja, es decir, mostrará sólo el contenido que cabe dentro del contenedor y el resto no se ve.

    Aquí más información sobre

    overflow
    :)

    ¡Saludos!

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!