Cambiar el tamaño de un div para que se ajuste al contenido con la altura máxima

Question

Tengo un div con contenido dinámico. Cuando el contenido se carga en el div, quiero que el div cambie de tamaño para que se ajuste al contenido. Pero quiero que este redimensionamiento tenga una altura máxima. Si el contenido necesita más que esta altura máxima, me gustaría que haya una barra de desplazamiento.

He buscado a través de las preguntas aquí, pero no he podido encontrar lo que estoy buscando (aparte de uno en el que el cuestionario respondió diciendo que él mismo lo había averiguado). He leído que puedo hacerlo con jquery, pero soy bastante nuevo en eso, pero revisé las demos de cambio de tamaño de un div y cambio de clases y cosas así, pero estoy realmente perdido en la forma de implementar lo que estoy buscando. Yo tengo intenté encontrar una solución a esto, así que sea amable.

Answer 1

div {height:auto;overflow:scroll;max-height:200px;} 

Answer 2

usted puede hacer esto con CSS, por ejemplo: max-height: 100px; overflow-y:scroll;

Answer 3

Uso:

<div style="max-height: 400px; overflow-y:scroll; overflow-x: hidden"> 
<p>Some dynamic content loads inside the div</p> 
</div> 

A continuación, añadir: <div style="clear:both"></div> antes de cerrar el "div":

<div style="max-height: 400px"> 
<p>Some dynamic content loads inside the div</p> 
<div style="clear:both"></div> 
</div>