2012-07-26 12 views
25

मैं ऐसे मामले में आया हूं जहां मुझे माता-पिता के कंटेनर का विस्तार करने के लिए बच्चे के मार्जिन की आवश्यकता है। मैंने पाया कि माता-पिता के बाहर की जगह आवंटित की गई है, लेकिन माता-पिता का विस्तार नहीं किया गया है। तब मैंने पाया कि माता-पिता को 'ओवरफ्लो: छुपा' जोड़कर मैं इस मुद्दे को ठीक कर सकता हूं।बच्चे वर्टिकल मार्जिन पैरेंट कंटेनर का विस्तार क्यों नहीं करते?

क्या कोई इस मामले में कोई प्रकाश डाल सकता है?

अद्यतन:

मैं पाया है माता पिता के लिए किसी भी गद्दी या सीमा मूल्य जोड़ने भी इस को ठीक करता है।

Updated Example

+1

+1 अच्छा प्रश्न। उम्र के लिए इस फिक्स का उपयोग कर रहे हैं .. इस बार बिना कारण जानने के .. इस बारे में भी जानना चाहते हैं .. – techfoobar

+0

क्या यह एकमात्र फिक्स है? 'ओवरफ्लो: छुपे हुए;' – wilsonpage

+1

के परिणामों से परेशान करना यह एक समाधान है कि बच्चे को मार्जिन देने के बजाए माता-पिता को 'पैडिंग: 10 पीएक्स' देना है। – techfoobar

उत्तर

15

जवाब देने के लिए "क्यों" अच्छी तरह से और संक्षेप here वर्णन किया गया है। कुछ गुण हैं जो "block formatting context" स्थापित करते हैं। अर्थात्:

तैरता है, पूरी तरह से [और फिक्स्ड] तैनात तत्वों, ब्लॉक कंटेनर (जैसे इनलाइन-ब्लॉक, टेबल-कोशिकाओं, और टेबल-कैप्शन) कि बॉक्स को ब्लॉक नहीं कर रहे हैं, और ब्लॉक बक्से 'अतिप्रवाह के साथ 'दृश्यमान' के अलावा ( को छोड़कर जब उस व्यूप को व्यूपोर्ट में प्रचारित किया गया है) अपनी सामग्री के लिए नया ब्लॉक प्रारूपण संदर्भ स्थापित करें।

यह ब्लॉक स्वरूपण संदर्भ से यह परिवर्तन उस कारण क्यों इस तरह के समाधान के रूप में कैसे margin (और एक के मामले में float, प्रवाह तत्वों निम्न में से padding पूर्ववर्ती) के लिए टिप्पणियों के काम में ऊपर दिए गए संचालित है ।

+2

लिंक से जुड़ा आलेख अब colinaarts.com डोमेन से उपलब्ध नहीं है लेकिन यह उपलब्ध है [यहां] (https://web.archive.org/web/20150423190902/http://colinaarts.com/articles/the-magic- की-अतिप्रवाह-छिपा /)। बिंदु के लिए सरल और सही। धन्यवाद! – coderfin

संबंधित मुद्दे