position: absolute वाला एलिमेंट आपकी स्क्रीन के ऊपरी-बाएं कोने के सापेक्ष निर्दिष्ट कोऑर्डिनेट पर स्थित होता है।
आप HTML एलिमेंट को HTML डॉक्यूमेंट में कहीं भी ले जाने के लिए top और left मानों का उपयोग position प्रॉपर्टी के साथ कर सकते हैं।
- बाएं ले जाएं - left के लिए नेगेटिव मान उपयोग करें।
- दाएं ले जाएं - left के लिए पॉजिटिव मान उपयोग करें।
- ऊपर ले जाएं - top के लिए नेगेटिव मान उपयोग करें।
- नीचे ले जाएं - top के लिए पॉजिटिव मान उपयोग करें।
उदाहरण
एब्सोल्यूट पोजिशनिंग लागू करने के लिए निम्न कोड चलाएं:
<html>
<head>
</head>
<body>
<div style="position:absolute; left:80px; top:20px; background-color:yellow;">
इस डिव में एब्सोल्यूट पोजिशनिंग है।
</div>
</body>
</html>
नोट: एब्सोल्यूट पोजिशनिंग वाला एलिमेंट अपने निकटतम पोजिशन्ड पूर्वज (positioned ancestor) के सापेक्ष स्थित होता है, या यदि ऐसा कोई पूर्वज नहीं है तो प्रारंभिक कंटेनिंग ब्लॉक के सापेक्ष।
