¿Cómo puedo agregar una barra de desplazamiento vertical a mi div automáticamente?

Quiero agregar una barra de desplazamiento vertical a mi <div>. He intentado overflow: auto, Pero no está funcionando. He probado mi código en Firefox y Chrome.

Estoy pegando el código de estilo div aquí:

float: left;
width: 1000px;
overflow: auto;

Necesitas asignar algo de altura para hacer el overflow: auto; trabajo de propiedad.

Para fines de prueba, agregue height: 100px; y comprobar

y tambien sera mejor si das overflow-y:auto; en vez de overflow: auto;porque esto hace que el elemento se desplace solo verticalmente pero no horizontalmente.

float:left;
width:1000px;
overflow-y: auto;
height: 100px;

Si no conoce la altura del contenedor y desea mostrar la barra de desplazamiento vertical cuando el contenedor alcanza una altura fija, diga 100pxusar max-height en vez de height propiedad.

Para obtener más información, lea esto Artículo de MDN.

tienes que agregar max-height propiedad.

.ScrollStyle
{
    max-height: 150px;
    overflow-y: scroll;
}

<div class="ScrollStyle">
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
</div>

Tengo un scroller increíble en mi div-popup. Para aplicar, agregue este estilo a su elemento div:

overflow-y: scroll;
height: XXXpx;

los height que especifique será la altura del div y una vez que tenga contenido que exceda esta altura, debe desplazarlo.

Gracias.

Para mostrar la barra de desplazamiento vertical en su div, debe agregar

height: 100px;   
overflow-y : scroll;

o

height: 100px; 
overflow-y : auto;

No estoy muy seguro de para qué está intentando usar el div, pero este es un ejemplo con texto aleatorio.

Mr_Green dio las instrucciones correctas cuando dijo que agregara overflow-y: auto ya que eso lo restringe al desplazamiento vertical. Este es un ejemplo de JSFiddle:

JSFiddle

Desde OS X Lion, la barra de desplazamiento en los sitios web está oculta de forma predeterminada y solo es visible una vez que comienza a desplazarse. Personalmente, prefiero la barra de desplazamiento oculta, pero en caso de que realmente la necesite, puede sobrescribir la predeterminada y forzar la barra de desplazamiento en los navegadores WebKit de esta manera:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

En mi caso

Desplazarse verticalmente automáticamente

overflow-y: scroll;
overflow-x: hidden;