Como crear contenedor div con scroll vertical

para crear un contenedor con scroll vertical a partir de una div solo tenemos que usar unas pocas lineas de css, también necesitamos un par de de div para que se adapten al contenido, no olvidemos que para que aparezca el scroll la capa contenedora a de tener un alto fijo

en este ejemplo vemos como se consigue

<style type="text/css">
#global {
	height: 300px;
	width: 200px;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}
#mensajes {
	height: auto;
}
.texto {
	padding:4px;
	background:#fff;
}
</style>
<div id="global">
  <div id="mensajes">
    <div class="texto">Mensaje 1</div>
    <div class="texto">Mensaje 2</div>
    <div class="texto">Mensaje 3</div>
    <div class="texto">Mensaje 4</div>
    <div class="texto">Mensaje 5</div>
    <div class="texto">Mensaje 6</div>
    <div class="texto">Mensaje 7</div>
    <div class="texto">Mensaje 8</div>
    <div class="texto">Mensaje 9</div>
    <div class="texto">Mensaje 10</div>
    <div class="texto">Mensaje 11</div>
    <div class="texto">Mensaje 12</div>
    <div class="texto">Mensaje 13</div>
    <div class="texto">Mensaje 14</div>
    <div class="texto">Mensaje 15</div>
  </div>
</div>

muy buena alber como siempre

Muchas gracias Alber, me ayudaste un montón. Simple y funciona!

Natalia dijo:
Muchas gracias Alber, me ayudaste un montón. Simple y funciona!

de nada para eso estamos ;)

Como puedo hacer, si creo un div dentro del div texto y este quiero que sobresalga del div mensajes. Gracias

Muchas gracias, me ha servido mucho.