div को स्क्रॉल बार के साथ कंटेनर कैसे बनाया जाए?

Question

यह सरल कोड है:

<div id="container">    

    <div id = "information"> 
    </div> 

</div> 

मैं "जानकारी" 1000 चौड़ाई, और कंटेनर चौड़ाई 100 को बदलते हैं, "जानकारी" बहुत लंबे हो जाते हैं, लेकिन मैं अंदर जानकारी div जाने के लिए चाहते हैं div ... मेरा मतलब है, मैं चाहता हूं कि कंटेनर में स्क्रॉल बार हो, यदि जानकारी की चौड़ाई कंटेनर से अधिक लंबी है। ऐसा मैं किस प्रकार करूं? धन्यवाद।

Answer 1

#container { 
    overflow: auto; 
} 

साथ छोटे क्षेत्रों को लागू नहीं बेहतर है

Answer 2

स्टाइलशीट में overflow: auto सेट करें।

जिसके अनुसार, यह लगभग हमेशा उपलब्ध स्थान का उपयोग करने के लिए और अपने स्वयं के स्क्रॉलबार (जो निपटने के लिए कठिन एटी के साथ साथ कर रहे हैं, और अधिक बार स्क्रॉल की आवश्यकता होती है पढ़ने के लिए)

Answer 3

इस चाल करना चाहिए:

#container 
{ 
    overflow: auto; 
} 

Answer 4

या बस खड़ी या क्षैतिज करने के लिए स्क्रॉल सीमित करने के लिए overflow-x और overflow-y का उपयोग करें।

#container { overflow-x: auto; } /* Horizontal scrolling only */ 

या

#container { overflow-y: auto; } /* Vertical scrolling only */