पूर्ण स्थिति चौड़ाई को प्रभावित करता है?

मैं सीएसएस के लिए नया हूँ। मैं सोच रहा हूं कि जब मैं div तत्व की स्थिति को पूर्ण रूप से बदलता हूं, तो div तत्व की चौड़ाई बदल जाती है? क्रोम v25.0.1364.172m और IE9 में इसे आज़माएं, दोनों का एक ही परिणाम है।पूर्ण स्थिति चौड़ाई को प्रभावित करता है?

सरल उदाहरण:

<!doctype html/> 
<html> 
<head> 
    <title>test</title> 
    <style> 
     div { 
      position:relative; 
      border-width: 1px; 
      border-style: solid; 
      border-color: black; 
     } 
    </style> 
</head> 
<body> 
    <div>test</div> 
</body> 
</html>

स्रोत

2013-04-02 lee23

क्या आपने actuall कोड में div को चौड़ाई और ऊंचाई लागू की है? – XTGX

पूर्ण ट्रिगर करने के लिए स्थिति को बदलना [ब्लॉक स्वरूपण संदर्भ] (http://www.w3.org/TR/CSS2/visuren.html#block-formatting)। – thgaskell

एक्सटीजी, कोई अन्य कोड नहीं है। – lee23

बिल्कुल तैनात तत्वों ब्लॉक स्तर के रूप में तत्वों व्यवहार नहीं करते क्योंकि और सामान्य एक <div> की तरह एक-दूसरे के बाद प्रवाह नहीं है।

आपको उस div के लिए चौड़ाई और ऊंचाई सेट करने की आवश्यकता होगी जो पूरी तरह से स्थित है, जो इसके आधार पर है।

आपका बिल्कुल तैनात तत्व पहले पेरेंट तत्व उस में तो, एक सरल उदाहरण है के सापेक्ष स्थिति होगी:।

एक साधारण पेरेंट तत्व 'पकड़ लिया' की स्थापना नहीं कर रहा है के लिए position: relative;

<!-- I'm a parent element --> 
<div style="width: 500px; height: 500px; position: relative; border: 1px solid blue;"> 

    <!-- I'm a child of the above parent element --> 
    <div style="width: 150px; height: 150px; position: absolute; left: 10px; top: 10px; border: 1px solid red;"> 
     I'm positioned absolutely to my parent. 
    </div> 

</div>

स्रोत

2013-04-02 11:40:47 SMacFadyen

क्षमा करें , लेकिन मुझे अभी भी किसी भी जवाब को समझ में नहीं आता है। स्थिति नहीं है कि तत्व कहां रखा जाए, तो यह चौड़ाई को क्यों प्रभावित करता है? – lee23

यदि आपका तत्व ब्लॉक स्तर तत्व है तो यह माता-पिता को इसकी सामग्री के आधार पर भर देगा। इसलिए, यदि आपके पास सामान्य div के अंदर बहुत सारे अनुच्छेद पाठ थे, तो अनुच्छेद पाठ आपके सीएसएस शैलियों के आधार पर div के आकार का निर्णय लेगा। पूर्ण स्थिति ब्लॉक स्तर नहीं है, इसलिए यह ऐसा नहीं करता है। – SMacFadyen

ठीक है, स्पष्टीकरण के लिए धन्यवाद। – lee23

क्योंकि तत्व, जिसे आप पूर्ण स्थिति देते हैं, अपने माता-पिता से चौड़ाई लेते हैं और ब्लॉक तत्व के रूप में व्यवहार नहीं करते हैं।

स्रोत

2018-01-12 20:20:31

पूर्ण स्थिति चौड़ाई को प्रभावित करता है?

उत्तर

संबंधित मुद्दे