𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
CSS position property यह तय करती है कि कोई element आपके पेज पर कहाँ स्थित होगा। उन्हें मूव करने के लिए आप top, right, bottom, और left का उपयोग करते हैं।
पोजीशनिंग के पांच मुख्य प्रकार हैं।
Static यह डिफॉल्ट सेटिंग है। Elements पेज के सामान्य क्रम का पालन करते हैं। यहाँ top या left प्रॉपर्टीज़ का उपयोग करने से कोई प्रभाव नहीं पड़ता है।
Relative यह किसी element को उसके मूल स्थान के आधार पर मूव करता है। यदि आप top में 20px जोड़ते हैं, तो element नीचे की ओर खिसक जाता है। अन्य elements अपने मूल स्थानों पर ही रहते हैं और खाली जगह को नहीं भरते हैं।
Absolute यह एक element को पेज के सामान्य प्रवाह (normal page flow) से हटा देता है। यह अपने निकटतम positioned ancestor के आधार पर खुद को पोजीशन करता है।
अन्य प्रकारों में Fixed और Sticky शामिल हैं। Fixed elements स्क्रॉल करने पर भी एक ही जगह पर रहते हैं। Sticky elements relative elements की तरह काम करते हैं जब तक कि वे किसी विशिष्ट बिंदु पर नहीं पहुँच जाते, उसके बाद वे fixed हो जाते हैं।
इन प्रॉपर्टीज़ के बारे में यहाँ और जानें।
स्रोत: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8