Barra de desplazamiento vertical en DIV

[juandedios]

Saludos:

Deseo poner una barra de desplazamiento vertical en un <DIV>, intente con el overflow pero me pone las barras vertical y horizontal, como haría si solo quiero que me muestre la barra vertical.

[Dahn II]

Con la propiedad "overflow", como bien dices, se puede hacer. Prueba poniéndolo en "auto" y nos cuentas.

PD: Solución detallada. ;)

[juandedios]

Si se pone en auto la barra no sale hasta que es necesaria, eso es una buena forma, gracias.

Ahora por ejemplo si mi <DIV> tiene un height = 200px pero yo quiero que la barra de desplazamiento vertical no ocupe todo el tamaño del height sino que sea solo de 180px y que este alineada con el borde inferior.

Espero que me haya dejado entender.

[Dahn II]

Para eso solamente debes hacer que tu capa contenga a otras dos, una de 20 y otra de 180px de alto, poniéndole sólo el overflow a la segunda.

Si quieres que aparezca pegada al borde inferior del DIV "padre", dále una altura de 200px a este y haz que la más larga esté debajo de la otra.

Si no me equivoco, el código debería ser más o menos así:

CSS:

Código:

#capa_0 {
  height: 200px;
}

#capa_1 {
  height: 20px;
}

#capa_2 {
  height: 180px;
  overflow: auto;
}

HTML:

Código HTML:

<div id="capa_0">
  <div id="capa_1"></div>
  <div id="capa_2"></div>
</div> 

¡Saludos!