Ridimensionamento di un div per adattarsi al contenuto con l'altezza massima

Question

Ho un div con contenuto dinamico. Quando il contenuto viene caricato nel div, desidero ridimensionarlo per adattarlo al contenuto. Ma voglio che questo ridimensionamento abbia un'altezza massima. Se il contenuto ha bisogno di più di questa altezza massima mi piacerebbe che ci fosse una barra di scorrimento.

Ho cercato tra le domande qui ma non sono stato in grado di trovare quello che sto cercando (a parte uno in cui il questionario ha risposto dicendo che l'aveva capito da solo). Ho letto che posso farlo con jquery ma sono piuttosto nuovo, ma ho passato le demo del ridimensionamento di un div, cambiando classi e roba del genere ma sono davvero in perdita su come implementare quello che sto cercando. I hanno provato a trovare una soluzione a, quindi per favore sii gentile.

Answer 1

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

Answer 2

Si potrebbe fare questo con i CSS, ad esempio: max-height: 100px; overflow-y:scroll;

Answer 3

Usa:

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

Quindi aggiungere: <div style="clear:both"></div> prima di chiudere la "div":

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