¿Qué es la configuración de «Overflow» y cómo funciona?

La opción «Overflow» se aplica a todo el bloque y controla cómo se muestran los elementos que se extienden más allá de los límites del bloque.

Hay tres opciones: visible, oculto y automático.

Visible: los elementos que se encuentran fuera del contenedor permanecen visibles y pueden solaparse con los bloques adyacentes.

Oculto: los elementos que se encuentran fuera del contenedor quedan ocultos.

Auto — Si los elementos se extienden más allá del contenedor, ya sea en vertical o en horizontal, se añade una barra de desplazamiento al bloque.

Por ejemplo, puedes incluir un artículo largo dentro de un bloque sin que la página en su conjunto se alargue demasiado. Si se establece «overflow» en «auto», el contenido que sobresale del bloque se puede desplazar dentro del propio bloque.