html - Removing border style changes page layout -
मुझे निम्नलिखित HTML / CSS कोड में समस्या है:
सीएसएस
<पूर्व> * {padding: 0; मार्जिन: 0; सीमा: कोई नहीं; रूपरेखा: कोई नहीं; } # कंटेनर {मार्जिन: 10px ऑटो 10px ऑटो; चौड़ाई: 960px; पृष्ठभूमि रंग: #dddddd; सीमा: ठोस 1px काला; } # कंटेनर 2 {मार्जिन-बायां: 200px; मार्जिन-शीर्ष: 400px; पृष्ठभूमि रंग: पीला; }
HTML
& lt; body & gt; & Lt; div id = "कंटेनर" & gt; & Lt; div id = "container2" & gt; & Lt; p & gt; यह वेबसाइट स्वत: अनुवादित किया गया है। एक छोटे से खेतों के लिए, जो कुछ भी प्रयोग करने के लिए कोई कसरत नहीं कर रहे हैं, उन्हें छोड़ने के लिए, और इसके बाद के परिणाम। & Lt; / p & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt;
नमूना पृष्ठ दिखता है जैसे मुझे उम्मीद है, यानी निम्न डिवा (पीला) बाहरी डिवा (ग्रे) की ऊपरी सीमा से 400px नीचे धकेल दिया जाता है। लेकिन, जब आप लाइन को हटाते हैं: सीमा: ठोस 1px काला;
# कंटेनर
की शैली की परिभाषा से, बाह्य डिवी (ग्रे) भीतर की तरह एक ही शीर्ष स्थान से शुरू होती है डिवि (पीला) यह Firefox 3.x और Chrome में होता है कोई बता सकता है कि ऐसा क्यों होता है? मेरी राय में, सीमा शैली को हटाने से इस लेआउट को बिल्कुल भी प्रभावित नहीं करना चाहिए।
बॉर्डर्स अलग-अलग गिरते हुए मार्जिन:
/ P>
Comments
Post a Comment