2011-07-14 15 views
13

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

+0

+1 अतीत में estion- तो वर्तमान में हम लाभ। – bonCodigo

उत्तर

20

स्वचालित रूप से स्क्रॉल बार दिखाने जब सामग्री ऊंचाई से अधिक है और इस तरह की चौड़ाई:

<div style="overflow:scroll;"></div> 

नीचे कुछ है: इस तरह हर समय

<div style="overflow:auto;"></div> 

या

स्क्रॉल बार दिखाएं सीएसएस अतिप्रवाह संपत्तियों के लिए संदर्भ:

overflow

overflow-x

overflow-y

+0

'ओवरफ़्लो- y' क्या मैं के बाद किया गया है: डी (हालांकि मैं सत्यापन चेतावनी मिलती है:' मान्यता CSS2.11: अतिप्रवाह-y नहीं एक ज्ञात सीएसएस property') मैं कुछ कर रहा हूँ संस्करण मैं अभी तक 3.0 है ... तुम क्या सोचते हो? – bonCodigo

+0

@bonCodigo .... ओवरफ्लो-वाई निश्चित रूप से एक सीएसएस 3.0 सुविधा है। शायद आपके द्वारा उपयोग किए जाने वाले परीक्षण टूल केवल सीएसएस 2 के खिलाफ मान्य हैं –

0

केवल लंबवत स्क्रॉल

<div style="overflow-y:auto;"></div> 
0

सीएसएस में ऐसा

div {overflow: scroll} 

संपादित करें: क्या सभी इनलाइन styl के साथ है es guys :-(

12

overflow, या overflow-y का उपयोग करें: auto | hidden | scroll | visible

<div style="max-height:100px; overflow-y:auto"> ... </div> 

या

<div style="max-height:100px; overflow-y:scroll"> ... </div> 

नोट:overflow सीएसएस 2 के बाद से समर्थन किया, लेकिन overflow-y - CSS3, ओपेरा 9.6, सफारी 3.1

0

यदि आप चाहते हैं खड़ी स्क्रॉलबार तो

<div style="overflow-y:auto;overflow-x:hidden"></div> 
Qu पूछने के लिए
संबंधित मुद्दे