दिलचस्प पोस्ट
मुझे एक संग्रहीत प्रक्रिया में एक टेबल नाम कैसे पार करना चाहिए? स्विफ्ट में NSURLSessionDataTask का उपयोग कैसे करें Xcode में बेस एसडीके, आईओएस तैनाती लक्ष्य, लक्ष्य और परियोजना का क्या अर्थ है? कैसे फ्लास्क में json पोस्ट किया जाना है? कैसे यह एक ImageView में दिखाने के लिए एक BitMap छवि में एक Base64 स्ट्रिंग कन्वर्ट करने के लिए? + ऑपरेटर कम प्रदर्शनकर्ता StringBuffer.append () से कम है केवल एक MySQL क्वेरी का उपयोग कर डुप्लिकेट निकालें? कैसे सी # में तुलना के लिए एक पूर्णांक के लिए एक महीने के नाम (स्ट्रिंग) को पार्स करने के लिए? सभी वेब ब्राउज़र में TIFF छवि प्रदर्शित करें यह सरल JSFiddle काम क्यों नहीं करता है? मैं किसी विशेष स्ट्रिंग में एक विशेषता के साथ कैसे मेल कर सकता हूँ? उद्देश्य सी में कैरेट पदावनत आकार के लिए प्रतिस्थापनफ़ोथफॉन्ट: IOS 7 में? एक वस्तु / फ़ंक्शन / क्लास घोषणापत्र के आसपास के कोष्ठक क्या होता है? सर्वर पर JSON पोस्ट कैसे करें?

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

मेरे पास दो 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%; } 

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