En CSS, la propiedad overflow se utiliza para controlar el comportamiento del contenido que desborda el elemento que lo contiene. A menudo se usa junto con una altura o ancho específicos para definir cómo debe comportarse el contenido cuando excede las dimensiones especificadas. La propiedad overflow puede tomar varios valores:

1. visible (predeterminado): el contenido no se recorta y puede desbordar el cuadro de contenido.

    CSS
    .example {
     overflow: visible;
   }
   

2. oculto: el contenido que se desborda se recorta y no es visible.

    CSS
    .example {
     overflow: hidden;
   }
   

3. desplazamiento: agrega una barra de desplazamiento al elemento, lo que permite al usuario desplazarse y ver el contenido oculto.

    CSS
    .example {
     overflow: scroll;
   }
   

4. auto: similar al desplazamiento, pero solo se agrega una barra de desplazamiento si el contenido se desborda.

    CSS
    .example {
     overflow: auto;
   }
   

5. heredar: La propiedad overflow hereda su valor del elemento padre.

    CSS
    .example {
     overflow: inherit;
   }
   

A continuación se muestra un ejemplo sencillo que ilustra el uso de la propiedad overflow :

 CSS
 .container {
  width: 200px;
  height: 100px;
  overflow: scroll;
}

.content {
  width: 300px;
  height: 150px;
  background-color: lightblue;
}
 

 HTML
 <div class="container">
  <div class="content">
    <!-- Content that exceeds the container dimensions -->
    <!-- Scrollbars will appear due to the overflow: scroll; property -->
  </div>
</div>

En este ejemplo, el contenido dentro del .content div excede las dimensiones especificadas por el .container div y las barras de desplazamiento aparecerán debido a la propiedad overflow: scroll; en el contenedor.

Ajuste los valores y propiedades según sus requisitos de diseño y diseño específicos.