बनाने स्पैन टैग कवर div

Question

की पूरी चौड़ाई मैं है एचटीएमएल के लिए निम्नलिखित संरचना: -

<div> 
    <span> 
    <a href="wherever">Wherever</a> 
    </span> 
</div> 

अगर मैं अवधि div की पूरी चौड़ाई को कवर करना चाहते हैं, मैं कैसे क्रोम में ऐसा कर सकते हैं?

मैं क्रोम में

span{ 
    background:#FFF; 
    width:100%; 
} 

यह Firefox और IE में काम करता है, लेकिन नहीं का उपयोग कर सीएसएस में की कोशिश की।

Answer 1

span तत्व इनलाइन हैं। इनलाइन तत्व स्वचालित रूप से अपनी चौड़ाई समायोजित करते हैं और आपके width: अभिव्यक्तियों को अनदेखा करते हैं।

यह ब्लॉक स्तर बनाओ:

span { 
    display: block; 
} 

लेकिन तब यह मूल रूप से सिर्फ एक <div> है। करने के लिए

Answer 2

अवधि के बदले सीएसएस:

span { 
display: block; 
} 

Answer 3

इस प्रयास करें:

div{ 
    padding:0px; 
} 
span{ 
    background:#FFF; 
    width:100%; 
} 

Answer 4

वहाँ आपकी समस्या का समाधान करने के लिए दो तरीके हैं।

जैसे स्पैन टैग इसकी चौड़ाई को उसमें सामग्री के अनुसार समायोजित करते हैं। तो इस टैग को चौड़ाई आवंटित करने के लिए हम चौड़ाई के साथ फ्लोट बाएं का उपयोग करेंगे।

span{ 
background:#FFF; 
width:100%; 
float: left; 
} 

secod रास्ता कोड

span{ 
background:#FFF; 
width:100%; 
display: block; 
}