Thay đổi kích thước div để vừa với nội dung có chiều cao tối đa

Question

Tôi có một div có nội dung động. Khi nội dung tải trong div tôi muốn div thay đổi kích thước để phù hợp với nội dung. Nhưng tôi muốn thay đổi kích thước này để có chiều cao tối đa. Nếu nội dung cần nhiều hơn chiều cao tối đa này, tôi muốn có một thanh cuộn.

Tôi đã tìm kiếm thông qua các câu hỏi ở đây nhưng không thể tìm thấy những gì tôi đang tìm kiếm (ngoài một câu hỏi mà người hỏi hỏi trả lời rằng anh ấy đã tự tìm ra). Tôi đã đọc Tôi có thể làm điều đó với jquery nhưng tôi khá mới với điều đó, nhưng tôi đã đi qua các bản demo của thay đổi kích thước một div, và thay đổi các lớp học và các công cụ như thế, nhưng tôi thực sự thua lỗ về cách thực hiện thứ tôi đang tìm kiếm. Tôi có cố gắng tìm một giải pháp cho điều này, vì vậy hãy nhẹ nhàng.

Answer 1

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

Answer 2

Bạn có thể làm điều này với css, ví dụ như: max-height: 100px; overflow-y:scroll;

Answer 3

Sử dụng:

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

Sau đó thêm: <div style="clear:both"></div> trước khi chốt "div":

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