internet explorer 6 - Which CSS bug is this? (margin-bottom, ie6 + ie7) -
यानी 6 और 7 में, मार्जिन-नीचे
से p
पी
और div
के नीचे दोनों के लिए लागू किया जा रहा है।
दूसरे शब्दों में, यह कोड एक मार्जिन-नीचे
। एफएफ, ओपेरा, क्रोम / सफारी या आईओ 8 के किसी भी संस्करण में कोई समस्या नहीं। पी
और div
में ie6 और ie7 दोनों के लिए 20px का
& lt; p शैली = "मार्जिन-नीचे: 20 पीएक्स;" & gt; हैलो वर्ल्ड! & Lt; / p & gt; & Lt; div शैली = "फ्लोट: बायां; डिस्प्ले: इनलाइन" & gt; हैलो दुनिया, भाग डेक्स & Lt; / div & gt;
बेशक, div से फ्लोट हटाने समस्या को उपचार यह कौन सी अर्थ है / सीएसएस बग यह है, अगर कोई हो, और मुझे यह कैसे तय करना है कि इसे कैसे तय करना है I
p.s दुर्भाग्य से, मैं div
पर चौड़ाई नहीं लगा सकता।
फ्लोट: बाएं मूलतः आपके DIV कंटेनर को दस्तावेज़ प्रवाह के भीतर संभावित शीर्ष बाईं ओर स्थित स्थिति में धकेल दिया जाएगा। इस मामले में, क्योंकि पिछले P टैग नहीं चल रहा है, मार्जिन नीचे की अवहेलना नहीं है। इसका वांछित प्रभाव होगा, हालांकि बहुत साफ कोड नहीं:
& lt; p शैली = "फ्लोट: बाएं; डिस्प्ले: इनलाइन; मार्जिन-नीचे: 20 पीएक्स;" & gt; हैलो वर्ल्ड! & Lt ; / p & gt; & Lt; div शैली = "स्पष्ट: बायां; फ्लोट: बायां; डिस्प्ले: इनलाइन" & gt; हैलो दुनिया, भाग डेक्स & Lt; / div & gt;
यह आदर्श होगा, हालांकि, बस अपने तत्व से फ्लोट को निकालने के लिए और उन्हें छोड़ दें क्योंकि उनका उद्देश्य (ब्लॉक स्तर तत्व) होना था:
& Lt; p शैली = "मार्जिन-नीचे: 20 पीएक्स;" & gt; हैलो वर्ल्ड! & Lt; / p & gt; & Lt; div & gt; हैलो वर्ल्ड, पार्ट डेक्स। & Lt; / div & gt;
शायद मैं आपके मामले में इन दो कंटेनरों के इच्छित प्रभाव को याद कर रहा हूं।
Comments
Post a Comment