CSS
HTML
COMPONENTS
CODE HUB
Generador de Desbordamiento CSS
Configuración
Tipo
Valor
Clase
Vista previa
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Código
Aprende a programar con Lara
Domina los conceptos de programación paso a paso con tu tutora de IA interactiva. Lara explica lógicas complejas, revisa tus ejercicios prácticos y te ayuda a construir una base sólida en el desarrollo de software.
Lecciones de programación interactivas adaptadas a tu propio ritmo.
Empezar a aprender con LaraGenerador de Desbordamiento CSS
La propiedad overflow en CSS se usa para controlar cómo se muestra el contenido que desborda los límites de un elemento. Se usa comúnmente para manejar el desbordamiento en contenedores como divs y otros elementos de nivel bloque.
La propiedad overflow puede tener varios valores, incluyendo:
visible (predeterminado): El contenido que desborda el contenedor se muestra fuera de sus límites. Este es el comportamiento predeterminado.
.container {
overflow: visible;
}
hidden: El contenido que desborda el contenedor se recorta y no es visible.
.container {
overflow: hidden;
}
scroll: Se muestran barras de desplazamiento para permitir a los usuarios desplazarse y ver el contenido que desborda el contenedor.
.container {
overflow: scroll;
}
auto: Se muestran barras de desplazamiento solo cuando el contenido desborda el contenedor. Si el contenido cabe dentro del contenedor, no se muestran barras de desplazamiento.
.container {
overflow: auto;
}
Estos valores pueden aplicarse tanto al eje horizontal (overflow-x) como al vertical (overflow-y) para controlar el comportamiento del desplazamiento en cada dirección por separado.
La propiedad overflow es útil para manejar contenido que puede no caber dentro de un contenedor de tamaño fijo, y ayuda a controlar cómo el desbordamiento se presenta o se oculta a los usuarios.