CSS2 बॉक्स मॉडल हमें बताता है कि लंबवत मार्जिन समीप है ।
मुझे यह बहुत कष्टप्रद लगता है, कई डिज़ाइन बग्स का स्रोत है। मुझे आशा है कि हाशिये के ढहने के उद्देश्य को समझने के बाद, मैं समझूंगा कि उनका उपयोग कब करना है और जब उन्हें ज़रूरत नहीं है तो उनसे कैसे बचा जाए।
इस सुविधा का उद्देश्य क्या है?
जवाबों:
"मार्जिन" का सामान्य अर्थ यह नहीं है कि "इसे 10px तक ले जाएं" बल्कि, "इस तत्व के बगल में खाली जगह का 10px होना चाहिए।"
मैंने हमेशा पाया है कि यह पैराग्राफ के साथ अवधारणा करना सबसे आसान है।
यदि आपने सिर्फ पैराग्राफ दिए हैं margin-top: 10pxऔर किसी भी अन्य तत्वों पर कोई मार्जिन नहीं है, तो पैराग्राफ की एक श्रृंखला को खूबसूरती से स्थान दिया जाएगा। लेकिन निश्चित रूप से, एक पैरा के नीचे एक और तत्व रखने पर आप मुश्किल में पड़ जाएंगे। दोनों छूते थे।
यदि मार्जिन में गिरावट नहीं हुई, तो आप margin-bottom: 10pxअपने पिछले कोड में जोड़ने में संकोच करेंगे , क्योंकि तब पैराग्राफ की कोई भी जोड़ी 20px अलग हो जाएगी, जबकि पैराग्राफ अन्य तत्वों से केवल 10px अलग होगा।
तो ऊर्ध्वाधर मार्जिन पतन। 10px के ऊपरी और निचले मार्जिन को जोड़कर आप कह रहे हैं, "मुझे परवाह नहीं है कि किसी अन्य तत्व में कौन सा मार्जिन नियम है। मैं अपने प्रत्येक पैराग्राफ के ऊपर और नीचे कम से कम 10px पैडिंग की माँग करता हूँ।"
margin-topउस तत्व के लिए जोड़ने के बारे में भी?