Puede haber un caso en el que el contenido de un elemento sea mayor que la cantidad de espacio que se le ha asignado. Por ejemplo, las propiedades dadas de ancho y alto no permiten suficiente espacio para acomodar el contenido del elemento.
CSS proporciona una propiedad llamada desbordamiento que le dice al navegador qué hacer si el contenido del cuadro es más grande que el cuadro mismo. Esta propiedad puede tomar uno de los siguientes valores:
| No. | Valor y descripción |
|---|---|
| 1 | visible |
Permite que el contenido desborde los bordes de su elemento contenedor.
2hiddenEl contenido del elemento anidado simplemente se corta en el borde del elemento contenedor y no se ven barras de desplazamiento.
3scrollEl tamaño del elemento contenedor no cambia, pero se agregan las barras de desplazamiento para permitir que el usuario se desplace para ver el contenido.
4autoEl propósito es el mismo que el desplazamiento, pero la barra de desplazamiento se mostrará solo si el contenido se desborda.
Aquí hay un ejemplo: