html - Merge borders among DIV -


यहां आप जाएं:

  & lt; div id = "weapons_main" & gt; & Lt; div वर्ग = "कॉल 1" & gt;। & Lt; / div & gt; & Lt; div वर्ग = "कॉल 1" & gt;। & Lt; / div & gt; & Lt; div वर्ग = "स्पष्ट" & gt; & lt; / div & gt; & Lt; div & gt; 1 & lt; / div & gt; & Lt; div & gt; 2 & lt; / div & gt; & Lt; / div & gt;  

सीएसएस:

<पूर्व> #weapons_main {-moz-box-sizing: सीमा-बॉक्स; पृष्ठभूमि-रंग: #FFFFFF; सीमा: पतली ठोस # 869 बीबीएफ; सीमा-पतन: पतन; मार्जिन: 0 ऑटो; चौड़ाई: 80%; } #weapons_main div {background-color: # EFF0FB; सीमा: ठोस 5px लाल; -वेबकिट-बॉक्स-आकार: सीमा-बॉक्स; / * सफ़ारी / क्रोम, अन्य वेबकिट * / -मोज़-बॉक्स-आकार: सीमा-बॉक्स; / * फ़ायरफ़ॉक्स, अन्य गीको * / बॉक्स आकार: सीमा-बक्सा; / * ओपेरा / आईई 8 + * / सीमा-पतन: पतन; } #weapons_main .col1 {चौड़ाई: 50%; बाईंओर तैरना; -वेबकिट-बॉक्स-आकार: सीमा-बॉक्स; / * सफ़ारी / क्रोम, अन्य वेबकिट * / -मोज़-बॉक्स-आकार: सीमा-बॉक्स; / * फ़ायरफ़ॉक्स, अन्य गीको * / बॉक्स आकार: सीमा-बक्सा; / * ओपेरा / आईई 8 + * / सीमा-पतन: पतन; }

समस्या तुरन्त देखा जाता है: लाल रेखाएं उनके मुकाबले अधिक मोटी होती हैं, क्योंकि ब्राउज़र उन्हें विलीन करने के बजाय संक्षेप में प्रस्तुत करता है। इसे कैसे चकमा दें?

आप : अंतिम-बच्चा के साथ काम कर सकते हैं और आसन्न भाई चयनकर्ता (+)

  #weapons_main div: आखिरी बच्चे (सीमा-शीर्ष: 0; } #weapons_main .col1 + .col1 {बॉर्डर-बाएं: 0; }  

और अधिक उन्नत उदाहरण के लिए आप : nth-child

  # हथियार_मैन। Col1: nth-child (2n) {सीमा-बायां: 0; }  


Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -