सीएसएस प्रदर्शन: ब्लॉक और स्थिति:

Question

तय क्यों इस कोड को देगा:

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
} 

जब मैं position:fixed जोड़ने divdisplay:block के रूप में (अर्थात् पृष्ठ के पार प्रवाह) प्रदर्शित नहीं? ऐसा लगता है कि अन्यथा काम करता है?

एनबी। मैं सीएसएस के लिए बहुत नया हूं इसलिए अगर मैं सिर्फ एक मूर्ख त्रुटि

Answer 1

आपको किसी भी [खाली] तत्वों को fixed या absolute स्थिति के साथ चौड़ाई और ऊंचाई जोड़ने की आवश्यकता है, अन्यथा उनके पास कोई आकार नहीं होगा।

HTML:

<div><div> 

सीएसएस:

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
    width:100px; 
    height:100px; 
} 

DEMO

अंत में यू की तरह this

Answer 2

जब आप position: fixed; या position: absolute; उपयोग करते हैं, तत्व से बाहर ले जाया जाता है कुछ चाहिए क्या आप वहां मौजूद हैं दस्तावेज़ के गोलाकार प्रवाह।

width के लिए तत्व के लिए डिफ़ॉल्ट सेटिंग auto है, जिसका अर्थ है कि यह पूर्ण उपलब्ध चौड़ाई का उपयोग करेगा जहां यह है। जब आप इसे प्रवाह से बाहर ले जाते हैं, तब उपलब्ध चौड़ाई के लिए कोई उपयोग करने योग्य उपाय नहीं होता है (क्योंकि यह अनंत होगा), इसलिए इसके तत्व को इसकी सामग्री से इसकी चौड़ाई मिल जाएगी।