Para agregar una barra de desplazamiento a div, solo necesita especificaroverflowel atributo comoautoy listo. El siguiente ejemplo establece una barra de desplazamiento horizontal para div:

El ancho (width) y la altura (height) se pueden establecer según las necesidades reales.

El ejemplo anterior indica que si la altura del contenido del div es mayor que 300px, aparecerá una barra de desplazamiento vertical; si es menor que 300px, no habrá barra de desplazamiento. Si el ancho es mayor que 70px, aparecerá una barra de desplazamiento horizontal; si es menor, no.

Si desea que la barra de desplazamiento en el div esté siempre presente, puede establecer la propiedad overflow en scroll:

También puede establecer overflow en scroll, es decir:

Más configuraciones

Establecer solo la barra de desplazamiento horizontal:

<div style="width:100px;overflow-x:auto"></div>

Establecer solo la barra de desplazamiento vertical:

<div style="height:300px;overflow-y:auto"></div>

Establecer tanto horizontal como vertical:

<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>

Para más artículos, puede consultar:

Diseño CSS - Overflow

Propiedad CSS overflow