Redimensionando um div para ajustar o conteúdo com altura máxima

Eu tenho uma div com conteúdo dinâmico. Quando o conteúdo é carregado no div, quero que o div seja redimensionado para caber no conteúdo. Mas eu quero esse redimensionamento para ter uma altura máxima. Se o conteúdo precisar de mais do que essa altura máxima, gostaria que houvesse uma barra de rolagem.

Eu pesquisei as perguntas aqui, mas não consegui encontrar o que estou procurando (exceto aquele em que o entrevistado respondeu dizendo que ele mesmo descobriu isso). Eu li que posso fazê-lo com jquery, mas eu sou muito novo para isso, mas eu passei pelas demos de redimensionar um div, e mudar as classes e coisas assim, mas eu estou realmente em uma perda de como implementar O que estou olhando. Euter tentou encontrar uma solução para isso, então, por favor, seja gentil.

 CambridgeMike01 de mai de 2012 15:36
Espero que você não tenha que se preocupar com isso, mas o IE 6 não suporta o atributo max-height. Apenas algo para manter no fundo da sua mente
 qudoz01 de mai de 2012 15:39
Hurm, existe uma maneira de contornar a altura máxima no IE6?

questionAnswers(3)

max-height: 100px; overflow-y:scroll;

Usar:

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

Em seguida, adicione:<div style="clear:both"></div> antes de fechar o "div":

<code><div style="max-height: 400px">
<p>Some dynamic content loads inside the div</p>
<div style="clear:both"></div>
</div>
</code>
QuestionSolution
<code> div {height:auto;overflow:scroll;max-height:200px;}
</code>
 qudoz01 de mai de 2012 15:38
Oh cara, eu me sinto tão idiota agora, obrigada!
 trejder29 de mar de 2016 17:20
Downvoting, porque mesmo as respostas perfeitamente corretas, mas ainda de código puro, sem mesmo minúsculo texto de explicação, são tão erradas.
 eyal_katz20 de ago de 2017 00:54
Isso não funciona quando a altura é maior que a altura máxima definida.

yourAnswerToTheQuestion