Zmiana rozmiaru div, aby dopasować zawartość do maksymalnej wysokości

Mam div z dynamiczną zawartością. Gdy treść ładuje się do div, chcę, aby div zmienił rozmiar, aby pasował do zawartości. Ale chcę, aby ta zmiana rozmiaru miała maksymalną wysokość. Jeśli zawartość wymaga więcej niż ta maksymalna wysokość, chciałbym, aby istniał pasek przewijania.

Przeszukałem tutaj pytania, ale nie byłem w stanie znaleźć tego, czego szukam (poza jednym, w którym pytający odpowiedział, że sam się zorientował). Przeczytałem, że mogę to zrobić za pomocą jquery, ale jestem całkiem nowy, ale przeszedłem dema zmiany rozmiaru div i zmiany klas i podobnych rzeczy, ale naprawdę nie mam pojęcia, jak zaimplementować czego szukam. jamieć starałem się znaleźć rozwiązanie tego problemu, więc proszę bądź delikatny.

 qudoz01 maj 2012, 15:39
Hurm, czy istnieje sposób na maksymalny wzrost w IE6?
 CambridgeMike01 maj 2012, 15:36
Mam nadzieję, że nie musisz się tym martwić, ale IE 6 nie obsługuje atrybutu max-height. Po prostu coś, co należy trzymać w pamięci

questionAnswers(3)

QuestionSolution
<code> div {height:auto;overflow:scroll;max-height:200px;}
</code>
 eyal_katz20 sie 2017, 00:54
Nie działa to, gdy wysokość jest większa niż zdefiniowana maksymalna wysokość.
 trejder29 mar 2016, 17:20
Downvoting, ponieważ nawet doskonale poprawne, ale wciąż czyste kody odpowiedzi, nawet bez niewielkiego tekstu wyjaśnienia, są tak błędne.
 qudoz01 maj 2012, 15:38
O rany, czuję się teraz tak głupio, dziękuję!

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

Posługiwać się:

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

Następnie dodaj:<div style="clear:both"></div> przed zamknięciem „div”:

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

yourAnswerToTheQuestion