Contenido autoajustable – Css

Muchas veces queremos que un div se adapte a la cantidad de contenido que tenemos que mostrar. La solución para eso está en la propiedad overflow.

Veamos un ejemplo sin la propiedad overflow con altura de 20px:

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Ahora veamos un ejemplo con la propiedad overflow aplicada:

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Para lograr esto aplicamos height:auto; overflow:hidden; en el div que posee el contenido.

Como verán, el div se reajusta al contenido – a diferencia del primer caso -.