Force div para desplazarse si el texto se desborda HTML/CSS?

Question

Así que tengo una etiqueta div para sortear cajas alrededor de varias secciones y, por supuesto, hacer secciones reales.

En una de las secciones, hay más texto que puede contenerse en la etiqueta div, por lo que quiero que el texto dentro de la etiqueta div tenga una barra de desplazamiento para que el texto no se desborde afuera De la caja.

¿Cómo podría hacer eso?

Answer 1

Usar la siguiente:

div { 
    overflow: scroll; 
} 

Si usted quiere que desplazarse sólo en una dirección, puede utilizar los overflow-x y overflow-y propiedades.

Answer 2

Añadir width y height propiedades CSS a la div, así como overflow:auto

Si agrega overlow:scroll, las barras de desplazamiento será siempre visible.

Si desea tener solo desplazamiento horizontal, agregue white-space:nowrap al elemento dentro de div.