Ändern der Größe eines Divs, um Inhalt mit maximaler Höhe anzupassen

Question

Ich habe ein div mit dynamischem Inhalt. Wenn der Inhalt in das div geladen wird, möchte ich, dass das div sich an den Inhalt anpasst. Aber ich möchte, dass diese Größenänderung eine maximale Höhe hat. Wenn der Inhalt mehr als diese maximale Höhe benötigt, würde ich gerne eine Bildlaufleiste haben.

Ich habe die Fragen hier durchsucht, konnte aber nicht finden, wonach ich suche (abgesehen von einem, in dem der Fragesteller antwortete, er hätte es selbst herausgefunden). Ich habe gelesen, dass ich es mit jQuery machen kann, aber ich bin noch ziemlich neu, aber ich habe die Demos der Größenänderung eines Divs und des Klassenwechsels und so weiter durchgesehen, aber ich weiß wirklich nicht, wie ich es umsetzen soll was ich suche. Ich habe haben versucht, eine Lösung für diese zu finden, also bitte sei sanft.

Answer 1

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

Answer 2

Sie können dies tun mit CSS, zB: max-height: 100px; overflow-y:scroll;

Answer 3

Verwendung:

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

Dann fügen: <div style="clear:both"></div> vor dem "div" endet:

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