दिलचस्प पोस्ट
एनसीआरेंज रेंज <String.Index> किसी तालिका में डायनामिक टेक्स्टबॉक्स के लिए क्लास सत्यापन सेट करें अन्य कक्षाओं से कार्ड लेआउट तक जेपीएनल्स जोड़ना PHP घातक त्रुटि: अपरिभाषित फ़ंक्शन को कॉल करें mssql_connect () Google मानचित्र API – गलत जगह में एकाधिक आइकन Chrome.tabs.executeScript () का उपयोग करके इंजेक्ट किए गए सामग्री स्क्रिप्ट में पैरामीटर पास करें त्रुटि: '..' में सदस्य '..' के लिए अनुरोध जो कि गैर-वर्ग प्रकार का है अजाक्स एक http पृष्ठ पर https का उपयोग करते हुए बहु-आयामी सरणी से डेटा को लागू करें एक वेक्टर में एक्स के मूल्यों के साथ तत्वों की संख्या की गिनती कैसे पता कैसे एक स्तंभ SQL सर्वर तालिका में मौजूद है आईओएस एप से सफारी और ओपन यूआरएल कैसे लॉन्च करें कुछ वैक्टर के तत्वों के सभी संभव संयोजन उत्पन्न करें (कार्टेसीयन उत्पाद) SQL सर्वर प्रबंधन स्टूडियो में क्वेरी इतिहास कैसे देखें दूसरी बार के लिए SupportMapFragment को खोलने में त्रुटि

स्थिति पूर्ण लेकिन माता पिता के सापेक्ष

मेरे पास दो divs दूसरे डिवा के अंदर हैं, और मैं एक बच्चे की div को पैरेंट डिवी के शीर्ष दाईं ओर स्थान देना चाहता हूं, और सीएसएस का इस्तेमाल करते हुए माता-पिता div के नीचे दूसरे बाल डिव यानी, मैं दो बच्चे divs के साथ पूर्ण स्थिति का उपयोग करना चाहता हूं, लेकिन उन्हें पृष्ठ के बजाय माता-पिता की बजाय सापेक्ष स्थिति में रखना चाहिए। मैं यह कैसे कर सकता हूँ?

नमूना html:

<div id="father"> <div id="son1"></div> <div id="son2"></div> </div> 

वेब के समाधान से एकत्रित समाधान "स्थिति पूर्ण लेकिन माता पिता के सापेक्ष"

 #father { position: relative; } #son1 { position: absolute; top: 0; } #son2 { position: absolute; bottom: 0; } 

यह काम करता है क्योंकि position: absolute अर्थ कुछ ऐसा होता है " top , right , bottom , निकटतम पूर्वज के संबंध में अपने आप को स्थान देने के लिए left , जिसकी position: absolute या position: relative ।"

इसलिए हम #father की position: relative #father हैं position: relative , और बच्चों की position: absolute , फिर बच्चों की position: absolute लिए top और bottom का उपयोग करें

 div#father { position: relative; } div#son1 { position: absolute; /* put your coords here */ } div#son2 { position: absolute; /* put your coords here */ } 

यदि आप माता-पिता के लिए कोई स्थिति नहीं देते हैं तो डिफ़ॉल्ट रूप से यह static लेता है यदि आप समझना चाहते हैं कि अंतर इस उदाहरण को दर्शाता है

उदाहरण 1::

http://jsfiddle.net/Cr9KB/1/

  #mainall { background-color:red; height:150px; overflow:scroll } 

यहां पैरेंट क्लास के पास कोई स्थिति नहीं है, इसलिए तत्व को शरीर के अनुसार रखा गया है।

उदाहरण 2 ::

http://jsfiddle.net/Cr9KB/2/

 #mainall { position:relative; background-color:red; height:150px; overflow:scroll } 

इस उदाहरण में माता-पिता की सापेक्ष स्थिति होती है इसलिए रिश्तेदार माता-पिता के भीतर तत्व परिपूर्ण होते हैं।

अगर किसी को माता-पिता के तहत सीधे एक बच्चे को जन्म देना चाहिए

 #father { position: relative; } #son1 { position: absolute; top: 100%; } 

कार्य डेमो कोडपेन