CSS utiliza un modelo de cajas para todos sus elementos. Sin embargo, muchas veces el contenido de estas cajas puede exceder a su contenedor. Un ejemplo grafico de lo que digo:

Como podes ver en este caso, el contenido dentro de la caja excede el ancho de la caja entonces empieza a salir para afuera. Hay una propiedad para controlar este comportamiento y es la propiedad overflow. La misma posee cuatro valores

• Visible: valor por defecto, muestra todos los elementos, incluso lo que sobresale (caso de la foto)

• Hidden: oculta lo que sobresale.

  

  Como ves, en este caso lo que esta fuera de la caja no aparece.

• Scroll: muestra todo el contenido, pero crea una barra navegadora dentro del elementos para que siga sin salir al resto del documento HTML.

  Grabación de pantalla 2022-09-26 a la(s) 22.03.04.mov