div

Question

में टेक्स्ट की अनचाहे पंक्ति इसलिए, मुझे एक समस्या मिली है जिसे मैं थोड़ी देर के लिए समझने की कोशिश कर रहा हूं। मुझे अपने डोम-स्ट्रक्चर में टेक्स्ट की एक अतिरिक्त पंक्ति मिल रही है (या ऐसा लगता है) जहां तक ​​मैं कह सकता हूं ब्राउज़र द्वारा जोड़ा गया है। यह उन सभी ब्राउज़रों में होता है जिनमें मैंने कोड चलाया है (IE8, IE9, क्रोम 20, फ़ायरफ़ॉक्स 11) और मैं इसे हटाना चाहता हूं।

यह मेरी HTML है:

<div id="wrapper"> 
    <div id="inner"> 
     <div class="item"> 
      content 
     </div> 
    </div> 
</div>​ 

और ये मेरे सीएसएस है:

#wrapper { 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
} 
.item { 
    float: left; 
    width: 171px; 
    position: relative; 
    background: #fc0; 
} 

और यहाँ मेरी समस्या दिखा एक jsfiddle है: http://jsfiddle.net/henrikandersson/wMg2m/

जैसा कि आप देख सकते हैं, वहाँ है शीर्ष और पीले रंग की वस्तु के बीच एक अंतर, जहां तक ​​मैं कह सकता हूं, # आंतरिक-div के ऊपर पाठ की एक पंक्ति के कारण होता है जो वहां नहीं होना चाहिए।

Answer 1

जोड़ते हैं तो आपको एक अदृश्य नियंत्रण आदेश &65279; अपने आवरण div के समापन > निम्नलिखित है। यह वास्तव में एचटीएमएल-एन्कोडेड byte order mark है।

बस इसे हटाएं और आप ठीक होंगे।

this updated fiddle देखें।

Answer 2

आपके पास <div id="wrapper"> के बाद एक विशेष चरित्र है जो अदृश्य है।

तो यह काम करता है:

<div id="wrapper"> 
    <div id="inner"> 
     <div class="item"> 
      s 
     </div> 
    </div> 
</div> 

मैं कोड है कि आप था, यह समस्या सुलझा नहीं फिर से लिखा।

समस्या कॉपी और पेस्ट कोड या आपके टेक्स्ट एडिटर को कॉपी किया जा सकता है।

Notepad++ सबसे अच्छा मुफ्त विंडोज टेक्स्ट संपादक है।

मुझे नोटपैड ++ में एएनएसआई-एन्कोडेड टेक्स्ट फ़ाइल में अपना कोड चिपकाकर समस्या मिली। एएनएसआई उस चरित्र को प्रदर्शित नहीं कर सकता है, इसलिए यह ? में बदल जाता है।

Answer 3

#inner { float:left; }

http://jsfiddle.net/wnhqY/