Scroll con la propiedad Overflow

Cuando deseamos realizar un contenido de texto dentro de un elemento <div> con una medida de altura fija de este elemento, se nos presenta un inconveniente a la hora de mostrar nuestro contenido, ya que si deseamos cambiar la cantidad de texto de este se nos saldrá de nuestro elemento <div>, puesto que el estándar de CSS 2.1 indica que cuando el contenido de un elemento no cabe dentro del mismo este se tendrá que mostrar sin importar que este se solape con los elementos adyacentes. y visualmente no sera agradable. 

Para solucionar este problema existe la propiedad overflow, que nos permite modificar este comportamiento por defecto de los elementos. El valor por defecto de esta propiedad es overflow: visible, que es la que permite que el texto de este elemento se solape. 

Nos podemos encontrar también con el valor hidden (overflow: hidden), permitiendo que el texto que se sale de nuestro elemento se oculte mostrando un scroll, permitiendo el desplazamiento dentro nuestro elemento. El valor scroll (overflow: scroll) indica que los navegadores siempre va a mostrar el stroll tanto lateral como vertical sin importar que el texto se salga o no, por ultimo tenemos el valor auto (overflow: auto) este valor permite que los navegadores tomen la decisión de mostrar o no el scroll de nuestro elemento, aunque esta decisión viene regida al estándar CSS 2.1 que nos indica que si el texto se sale de nuestro elemento el scroll se debe mostrar.

En el siguiente enlace podrán descargar un ejemplo de esta propiedad.

Descargar

Ver ejemplo: