बाल तत्व मार्जिन के मूल तत्व रोकथाम में असंगति

जब मार्जिन वाला एक तत्व किसी अन्य तत्व के भीतर रखा जाता है, तो मूल तत्व नहीं हो सकता है हमेशा वह मार्जिन रखें। इस असंगत व्यवहार ने कई डेवलपर्स को हैरान कर दिया है।

इस घटना को समझने के लिए, ढहते मार्जिन की अवधारणा में गहराई से जाना आवश्यक है। W3C विनिर्देश एकल मार्जिन बनाने के लिए दो या दो से अधिक बक्सों के आसन्न मार्जिन (बिना किसी हस्तक्षेप वाली सामग्री, पैडिंग या बॉर्डर के) के संयोजन के रूप में ढहने वाले मार्जिन को परिभाषित करता है।

एक मार्जिन वाले तत्व के मामले में किसी अन्य तत्व के भीतर, चाइल्ड तत्व का ऊपरी और निचला मार्जिन मूल तत्व के शीर्ष मार्जिन के माध्यम से ढह सकता है। यही कारण है कि आम तौर पर मूल तत्व में चाइल्ड तत्व का मार्जिन शामिल होता है।

हालाँकि, कुछ स्थितियाँ हैं जो इस डिफ़ॉल्ट व्यवहार को ओवरराइड कर सकती हैं। इन शर्तों में शामिल हैं:

• मूल तत्व पर एक ठोस सीमा लागू करना
• बच्चे तत्व की स्थिति को पूर्ण पर सेट करना
• बच्चे तत्व को इनलाइन-ब्लॉक डिस्प्ले देना
• मूल तत्व पर ऑटो ओवरफ्लो सक्षम करना

इन ओवरराइड के पीछे का कारण यह है कि उन सभी में एक सीमा बनाना शामिल है जो मूल तत्व के मार्जिन के माध्यम से चाइल्ड तत्व के मार्जिन को ढहने से रोकता है।

यह ध्यान रखना महत्वपूर्ण है कि मार्जिन ढहने के संबंध में W3C विनिर्देश भ्रमित करने वाले हो सकते हैं और कई बार अतार्किक प्रतीत होते हैं। वे "मुक्त मार्जिन" (वे मार्जिन जो उनके माता-पिता के ऊपर या नीचे को छूते हैं और इसमें शामिल नहीं होते हैं) को "संक्षिप्त मार्जिन" (आसन्न मार्जिन को ओवरलैप करने की अनुमति) के साथ मिलाते हैं।

साइटपॉइंट लेख का शीर्षक "कोलैप्सिंग" है मार्जिन" इस व्यवहार का एक विस्तृत विवरण प्रदान करता है, जिसमें ऐसे उदाहरण भी शामिल हैं जो मूल प्रश्न में वर्णित सटीक परिदृश्यों को दर्शाते हैं। वेब विकास में सुसंगत और पूर्वानुमानित लेआउट बनाने के लिए इन व्यवहारों को समझना महत्वपूर्ण है।