CSS अभिलोकन स्थानन
- पिछला पृष्ठ CSS सापेक्षिक स्थानन
- अगला पृष्ठ CSS फ्लोट
अभिलोकनिक स्थानांकन वाले तत्व के बॉक्स को दस्तावेज़ प्रवाह से पूरी तरह से हटा दिया जाता है और उसके समावेशी बॉक्स के अनुसार स्थानांकित किया जाता है, जो दस्तावेज़ में दूसरा तत्व हो सकता है या प्रारंभिक समावेशी बॉक्स हो सकता है। तत्व के पहले साधारण दस्तावेज़ प्रवाह में आक्रमित जगह बंद कर दी जाती है, जैसे कि तत्व पहले मौजूद नहीं था। तत्व के स्थानांकन के बाद एक ब्लॉक स्केल बनाया जाता है, बिना इसके कि उसे साधारण प्रवाह में अग्रणी किसी तरह का बॉक्स बनाया जाता है।
CSS अभिलोकन स्थानन
अभिलोकनिक स्थानांकन तत्व की स्थिति को दस्तावेज़ प्रवाह से अलग करता है, इसलिए वह स्थान नहीं लेता है। यह अपेक्षा के लिए भिन्न है, जो वास्तव में साधारण प्रवाह स्थानांकन मॉडल के एक हिस्से के रूप में देखा जाता है, क्योंकि तत्व की स्थिति उसके साधारण प्रवाह में की स्थिति के अनुसार है।
साधारण प्रवाह में अन्य तत्वों का बैठाया जाना जैसे कि अभिलोकनिक स्थानांकन के तत्व नहीं है:
#box_relative {
position: absolute;
left: 30px;
top: 20px;
जैसा कि नीचे दिखाया गया है:
अभिलोकन के एलिमेंट के स्थानसबसे नजदीकी स्थानन करने वाला अभिलोकन करने वाला अभिलोकनयदि एलिमेंट को कोई स्थानन करने वाला अभिलोकन करने वाला अभिलोकन नहीं होता है, तो इसका स्थानप्रारंभिक अवयव चित्र
स्थानन के मुख्य सवाल के लिए, हर प्रकार के स्थानन के अर्थ को याद रखना चाहिए।तो, अब हम अभी तक सीखे हुए ज्ञान को पुनरावलोकन करें: सापेक्षिक स्थानन 'सापेक्ष' एलिमेंट के डॉक्यूमेंट में प्रारंभिक स्थान के अनुसार है, जबकि अभिलोकन सापेक्ष 'सबसे नजदीकी स्थानन करने वाले अभिलोकन करने वाले अभिलोकन करने वाले अभिलोकन के अनुसार है, अगर कोई स्थानन करने वाला अभिलोकन करने वाला अभिलोकन करने वाला अभिलोकन नहीं होता है, तो 'सबसे प्रारंभिक अवयव चित्र' के अनुसार है。
टिप्पणी:उपयोगकर्ता एजेंट के अनुसार, प्रारंभिक अवयव चित्र ड्राइंग या HTML एलिमेंट हो सकता है。
सुझाव:क्योंकि अभिलोकन के बॉक्स के लिए डॉक्यूमेंट धारा से संबंध नहीं है, इसलिए वे पृष्ठ पर अन्य एलिमेंटों को ढक सकते हैं।यह सेट करके चाहिए: z-index गुणइन बॉक्सों की ढलन क्रम को नियंत्रित करने के लिए
CSS अभिलोकन उदाहरण
- स्थानन: अभिलोकन स्थानन
- इस उदाहरण में, एलिमेंट को अभिलोकन के लिए अभिलोकन का प्रयोग करने के तरीके दिखाया गया है。
- पिछला पृष्ठ CSS सापेक्षिक स्थानन
- अगला पृष्ठ CSS फ्लोट
