सीएसएस अधिकतम-ऊंचाई अतिप्रवाह ऑटो हमेशा प्रदर्शित करता है लंबवत स्क्रॉल

Question

मैं एक div class निम्नलिखित सीएसएस शैली के साथ की स्थापना की है:

div.multiple_choice{ 
    border: 1px solid black; 
    max-width: 300px; 
    max-height: 200px; 
    overflow: auto; 
} 

समस्या है, जब पाठ के अंदर DIV के लिए मजबूर नहीं है तक पहुँचने के लिए है 200px की अधिकतम ऊंचाई, लंबवत स्क्रॉल बार अभी भी दिखाई देता है। मैं ऊपर और नीचे तीरों पर क्लिक कर सकता हूं लेकिन यह केवल सामग्री को ऊपर और नीचे एक पिक्सेल या दो तक ले जाता है।

body{ 
    line-height: 1; 
} 

किसी को भी कैसे और क्यों के बारे में जानना:

यह गूगल क्रोम (संस्करण 18.0) और Iceweasel 11.

Answer 1

यह पता चला है के रूप में में उत्पन्न है, एक और सीएसएस शैली समस्या पैदा कर रहा था यह कोई मुद्दा कारण होगा, line-height संपत्ति here

Answer 2

मैं इस problem.But मैं इस निम्नलिखित सीएसएस शैली का उपयोग हल मुठभेड़ के बारे में पढ़ सकते हैं:

+०१२३५१६४१०

div.yourcontainer{overflow-y:auto;} 

यदि कंटेनर अधिकतम ऊंचाई से अधिक था, तो लंबवत स्क्रॉलबार दिखाएगा।

Answer 3

मुझे बूटस्ट्रैप और एनवी का उपयोग करके भी यह समस्या थी। ऐसा इसलिए हुआ क्योंकि बूटस्ट्रैप ने एनवी-टैब में ली को परिभाषित किया है: .nav-tabs > li { margin-bottom:-1px; }। इस प्रतिक्रिया के लिए, आपको भी करना चाहिए:

.nav-tabs > li:last-child { 
    margin-bottom:0; 
} 

---

अंतिम बच्चे की स्थापना, निम्न उदाहरण हमेशा पुस्तक दिखाते थे, कोई बात नहीं कितनी सामग्री सूची में है बिना:

<ul class="navs nav-tabs nav-stacked" style="max-height:80px;overflow:auto;"> 
    <li></li> 
    ... 
</ul> 

Answer 4

मैं आज इस बग में आया था। मेरे मामले में बाल तत्वों की एक सूची प्रदर्शित हुई थी: प्रदर्शन के बजाय इनलाइन-ब्लॉक: ब्लॉक। प्रदर्शित करने के लिए स्विचिंग: छिड़काव div में बाल तत्वों की मेरी सूची के लिए ब्लॉक मेरे लिए मुद्दा तय किया।

Answer 5

मुझे इसके साथ कोई समस्या हो रही थी, और मुझे पता चला कि बच्चे के तत्वों पर position: relative समस्या का कारण बन रहा था। जाहिर है यह हर किसी के लिए समाधान नहीं हो सकता है, खासकर अगर position: absolute का उपयोग किया जा रहा है, लेकिन मेरे लिए यह काम करता है।

Answer 6

मैं इस समस्या को जब (फ्लेक्स स्तंभ) एक सूची रैप करने के लिए एक div में घटकों प्रतिक्रिया की कोशिश कर रहा था, मैं प्रत्येक सूची आइटम के भीतर तत्वों का मार्जिन बदलकर इसका समाधान नहीं होता इस समस्या निवारण के लिए 0.

दृष्टिकोण होने के लिए मेरे लिए सूची आइटम (शायद प्रत्येक <li> ओपी में) का निरीक्षण करना था और देखें कि div क्या सोच रहा था कि प्रत्येक सूची वस्तु मानव आंखों के दृश्य के मुकाबले बड़ी थी।

यहाँ मेरी परियोजना में किसी सूची आइटम के भीतर एक आइकन पर एक दुष्ट मार्जिन निरीक्षण का एक उदाहरण है:

समाधान, 0 से खड़ी मार्जिन के लिए हालांकि में है कि आइकन की शैली स्थापित करने के लिए है मेरी आवेदन मैंने अभी सभी मार्जिन 0 बनाया है और कुछ पैडिंग-दाएं जोड़ा है।