दिलचस्प पोस्ट
क्या ईवेंट हैंडलिंग के लिए WPF में एक संसाधन शब्दकोश के पीछे कोड सेट करना संभव है? पूरी तरह से एंड्रॉइड स्टूडियो की स्थापना रद्द करने के लिए कैसे? क्या जावा में एक म्यूटक्स है? जब मैं सेटटिमेउट का उपयोग करता हूं तो विधि तुरंत निष्पादित क्यों होती है? जावा: असली दुनिया में डबल की बजाए हमें बिगडेकल का उपयोग क्यों करना चाहिए? IPhone में वीओआईपी + एसआईपी कैसे कार्यान्वित करें? ईएफ कोड में परिकलित कॉलम पहले एक डबल से एक्स महत्वपूर्ण आंकड़े गोल करें एडीबी खोल से बाइनरी स्टडआउट डेटा पढ़ें? Oracle का प्रयोग करके थोक। NET का प्रयोग करें क्या यह थ्रॉएबल को पकड़ने के लिए एक बुरा अभ्यास है? जेडीबीसी में एक कनेक्शन पूल कैसे स्थापित करें? क्या एक PHP सैंडबॉक्स है, JSFiddle जैसा कुछ जेएस है? पायथन में ऑब्जेक्ट की एक सूची छपाई करते समय __str__ फ़ंक्शन कैसे लागू करें PostgreSQL में रिक्त स्थान पर अतिरिक्त स्थान पर कब्जा करना क्या है?

सीएसएस: मार्जिन टॉप जब पेरेंट के पास कोई सीमा नहीं होती है

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

धन्यवाद

Solutions Collecting From Web of "सीएसएस: मार्जिन टॉप जब पेरेंट के पास कोई सीमा नहीं होती है"

आप overflow:auto जोड़ सकते हैं overflow:auto मार्जिन-गिरने को रोकने के लिए overflow:autohttp://www.w3.org/TR/CSS2/box.html#collapsing-margins देखें

आप जो अनुभव करते हैं वह मार्जिन टूट रहा है। मार्जिन एक तत्व के आसपास एक क्षेत्र निर्दिष्ट नहीं करता है, बल्कि तत्वों के बीच न्यूनतम दूरी

जैसा कि हरी कंटेनर में कोई सीमा या पैडिंग नहीं है, वहां नारंगी तत्व के मार्जिन को शामिल करने के लिए कुछ भी नहीं है मार्जिन का उपयोग शीर्ष तत्व और नारंगी तत्व के बीच होता है जैसे कि हरी कंटेनर के पास मार्जिन होता।

नारंगी तत्व पर एक मार्जिन के बजाय हरे कंटेनर में एक पेडिंग का उपयोग करें

margin बजाय padding उपयोग करें:

 .body .container { ... padding-top: 30px; } 

यह निश्चित नहीं है कि यह आपके मामले में काम करेगा, लेकिन मैं इसे निम्न सीएसएस संपत्तियों के साथ हल करता हूं

 #element { padding-top: 1px; margin-top: -1px; } 

#element एलिमेंट नीचे धकेल दिया जा रहा था क्योंकि यह पहला बच्चा तत्व margin-top: 30px । इस सीएसएस के साथ, यह अब अपेक्षित काम करता है 🙂 निश्चित नहीं है कि यह हर मामले के लिए काम करेगा, वाईएमएमवी।

आप हरे रंग की बॉक्स पर padding-top: 30 जोड़ सकते हैं padding-top: 30 पर नारंगी बॉक्स पर सापेक्ष स्थिति का उपयोग करें top: 30px , या नारंगी बॉक्स को फ्लोट करें और उसी margin-top: 30px उपयोग करें margin-top: 30px

आप इस दस्तावेज़ को पढ़ते हैं: बॉक्स मॉडल – मार्जिन टूटना

सीएसएस

 .body { border: 1px solid black; border-bottom: none; border-top: none; width: 120px; height: 112px; background-color: lightgreen; padding-top: 30px; } .body .container { background-color: orange; height: 50px; width: 50%; } 

यकीन है कि यह कैसे ध्वनियों को ध्वस्त नहीं करता, लेकिन एक पारदर्शी सीमा जोड़ने के बारे में कैसे?