अधिकतम ऊंचाई के साथ सामग्री फिट करने के लिए एक div का आकार

Question

मेरे पास गतिशील सामग्री वाला एक div है। जब सामग्री div में लोड होती है तो मैं चाहता हूं कि div सामग्री को फिट करने के लिए आकार बदल जाए। लेकिन मैं चाहता हूं कि यह आकार अधिकतम ऊंचाई हो। अगर सामग्री को इस अधिकतम ऊंचाई से अधिक की आवश्यकता है तो मैं स्क्रॉलबार बनना चाहता हूं।

मैंने यहां प्रश्नों के माध्यम से खोज की है लेकिन मैं जो खोज रहा हूं उसे ढूंढने में सक्षम नहीं हूं (एक ऐसे प्रश्न के अलावा जहां प्रश्नकर्ता ने यह कहकर जवाब दिया कि वह खुद को समझ लेगा)। मैंने पढ़ा है कि मैं इसे jquery के साथ कर सकता हूं लेकिन मैं इसके लिए बहुत नया हूं, लेकिन मैं एक div का आकार बदलने और कक्षाओं और सामानों को बदलने के जनसंख्या के माध्यम से जाता हूं लेकिन मैं वास्तव में कैसे कार्यान्वित करने के नुकसान पर हूं मैं जिस चीज़ की तलाश कर रहा हूँ। I ने इसका समाधान खोजने का प्रयास किया है, इसलिए कृपया नम्र रहें।

Answer 1

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

Answer 2

आप सीएसएस के साथ ऐसा कर सकता है, जैसे: max-height: 100px; overflow-y:scroll;

Answer 3

उपयोग:

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

फिर जोड़ने: <div style="clear:both"></div> "div" बंद करने से पहले:

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