दिलचस्प पोस्ट
जानवर बल खोज से एक तरफ उत्तल पतवार में सबसे बड़ा त्रिकोण कैसे खोजना कार्यप्रणाली नई UI निर्माण ऐप स्टोर जमा करने के लिए कुछ आईओएस लक्ष्य उपकरणों को प्रतिबंधित करें सबसेट एक्सट्स ऑब्जेक्ट दिन के समय से contenthitable div में भीतरी एचटीएमएल की जगह Laravel 5 – URL से सार्वजनिक निकालें क्या समानता के लिए फ्लोटिंग पॉइंट वैल्यू 0 से जांचना सुरक्षित है? कोड स्टब जनरेटर की मांग करना (शीर्ष लेख से) jqGrid Chrome / Chrome Frame में सही ढंग से रेंडर नहीं करता है क्यों ब्राउज़र अभी भी HTML5 में <tobody> इंजेक्ट करते हैं? अपाचे स्पार्क 2.0.0 में, क्या बाहरी डेटाबेस से पूरी क्वेरी को प्राप्त करना संभव है? रूबी में ब्लॉक और पैदावार पीडीएफ रिपोर्ट पीएचपी से जनरेट करें विंडोज कमांड लाइन में यूनिकोड वर्ण – कैसे? क्या दो कार्यों के तुल्यता को प्राप्त करना अनिवार्य है?

पूर्ण स्थिति के भीतर पूर्ण स्थिति

मेरे पास 3 div तत्व हैं

1 div बड़ा (लपेटो) और position:relative;

2 div 1 div सापेक्ष स्थिति (और 1 div में शामिल है) के लिए पूर्ण स्थिति में है

तीसरी div 2 div में समाहित है और इसमें पूर्ण स्थिति भी है।

 <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> 

तीसरी div स्थिति 2 div (जो कि 1 वें स्थान पर भी पूर्ण अवस्था है) के लिए निरपेक्ष है, और पहली div ऐसा नहीं है जो सापेक्ष स्थिति है?

क्योंकि तीसरे div पूर्ण स्थिति में स्थित दूसरे div लिए पूर्ण स्थिति है।

Solutions Collecting From Web of "पूर्ण स्थिति के भीतर पूर्ण स्थिति"

क्योंकि position: absolute स्थिति के रूप में बच्चों के लिए सापेक्ष स्थिति पुन position: absolute सेट करता है position: relative करता है

इसके चारों ओर कोई रास्ता नहीं है – यदि आप चाहते हैं कि तीसरा div पहले से अपेक्षाकृत बिल्कुल तैनात हो, तो आपको इसे पहली बार का एक बच्चा बनाना होगा।

दोनों position:relative और position:absolute स्थापित करने वाले एसेस्टर्स के रूप में तत्वों को शामिल करना।

यदि आप div 3 की जरूरत है तो div 1 के आधार पर स्थित होना, तो इसे एक डायरेक्ट चाइना 1 के लिए बनाएं।

ध्यान दें कि position: relative मतलब है कि तत्व अपनी प्राकृतिक स्थिति और position: absolute मुताबिक position: absolute मतलब तत्व तत्व को अपनी पहली position:relative या position:absolute पूर्वज

स्थिति स्थैतिक: स्थिर स्थिति एक डिफ़ॉल्ट तरीका है जो आपकी HTML फ़ाइल के सामान्य प्रवाह में एक तत्व दिखाई देगा यदि कोई भी स्थिति बिल्कुल भी निर्दिष्ट नहीं है।

महत्वपूर्ण: top , right , bottom और left गुण एक स्थैतिक स्थिति वाला तत्व पर कोई प्रभाव नहीं है।

स्थिति रिश्तेदार: सापेक्ष मान के साथ एक तत्व की स्थिति को अपने HTML फ़ाइल के सामान्य प्रवाह में तत्व (और स्थान पर स्थित) रखता है।

फिर आप right , top और bottom के गुणों का उपयोग करके कुछ राशि से तत्व को स्थानांतरित कर सकते हैं। हालांकि, यह तत्व अन्य तत्वों को ओवरलैप करने के कारण पृष्ठ पर हो सकता है-जो हो सकता है या हो सकता है कि वह प्रभाव न हो जो आप चाहते हैं

एक अपेक्षाकृत तैनात तत्व उसके स्थान से स्थानांतरित हो सकता है, लेकिन उस जगह पर कब्ज़ा कर लिया गया स्थान रहता है।

पूर्ण स्थिति: किसी तत्व को पूर्ण स्थिति मान लागू करने से उसे सामान्य प्रवाह से निकाल दिया जाता है। जब आप निरपेक्ष स्थित तत्व को स्थानांतरित करते हैं, तो इसका संदर्भ बिंदु उसके निकटतम युक्त तत्व का शीर्ष / बायां होता है जिसमें स्थैतिक के अलावा अन्य घोषित स्थिति होती है-इसके पास निकटतम स्थिति संदर्भ भी कहा जाता है इसलिए, यदि स्थिर स्थिति के अलावा अन्य स्थिति वाले कोई तत्व नहीं है, तो यह शरीर के तत्व के शीर्ष-बाएं कोने से स्थित होगा।

आपके मामले में तीसरे के सबसे पास वाले कंटेनर 2 है।

फिर भी एक और स्पष्ट जवाब।

आपका वर्तमान परिदृश्य यह है:

 #my-parent {position: absolute} #my-parent .my_child {position: absolute} 

और आप इसके साथ संघर्ष कर रहे हैं।

यदि आप HTML को बदल सकते हैं, तो बस ऐसा करें:

 #my-parent {position: absolute} #my-parent .my-wrapper {position: relative} /* Since you've added the wrapper in HTML */ #my-parent .my-wrapper .my-child {position: absolute} /* Now you can play with it */ 

कारण यह है कि तीसरा div तत्व पूरी तरह से 2 div तत्व के लिए तैनात है क्योंकि सीएसएस स्पेक यहां बताता है , क्योंकि एक बिल्कुल तैनात तत्व की "मूल" तत्व (बेहतर कहा जाता है: युक्त ब्लॉक) जरूरी नहीं कि इसके तत्काल मूल तत्व , बल्कि इसके तत्काल स्थित तत्व यानी कोई तत्व जिसका पद कुछ पर सेट है, लेकिन उदाहरण static लिए static position: relative/absolute/fixed/sticky;

इसलिए, जब भी संभव हो, आपके कोड में, यदि आप चाहते हैं कि तीसरे div तत्व को पूरी तरह से 1 div संबंध में तैनात किया जाए, तो आपको स्थिति के रूप में अपना दूसरा div तत्व बनाना चाहिए position: static; जो इसका डिफ़ॉल्ट मान है (या बस किसी भी position: ... हटा दें position: ... अपने दूसरे div तत्व के नियम सेट में घोषणा

उपर्युक्त 1 div तीसरे बिल्कुल स्थित div ब्लॉक को बना देगा, इस स्थिति के उद्देश्य के लिए 2 div अनदेखी कर देगा।

आशा करता हूँ की ये काम करेगा।