¿Cómo hacer que div se convierta en un contenedor con barra de desplazamiento?

Question

Este es el código simple:

<div id="container">    

    <div id = "information"> 
    </div> 

</div> 

Cuando cambio la "información" a la anchura 1000, y el ancho recipiente 100, la "información" se vuelven muy largo, pero me gustaría dejar que el div información dentro de la div ... Quiero decir, quiero que el contenedor tenga una barra de desplazamiento, si el ancho de la información es más largo que el contenedor. ¿Como lo puedo hacer? Gracias.

Answer 1

#container { 
    overflow: auto; 
} 

Answer 2

Establezca overflow: auto en la hoja de estilos.

Dicho esto, casi siempre es mejor hacer uso del espacio disponible y no introducir pequeñas regiones con sus propias barras de desplazamiento (que son más difíciles de tratar con AT, y sea necesario desplazarse con mayor frecuencia para leer)

Answer 3

Esto debe hacer el truco:

#container 
{ 
    overflow: auto; 
} 

Answer 4

o utilice overflow-x y overflow-y para limitar el desplazamiento se acaba vertical u horizontal.

#container { overflow-x: auto; } /* Horizontal scrolling only */ 

o

#container { overflow-y: auto; } /* Vertical scrolling only */