2012-12-20 15 views
5

मैं कुछ स्थितियों या परिस्थितियों के बारे में जानना चाहता हूं जिसमें हमें सीएसएस में position:relative लागू करने की आवश्यकता है।हम सीएसएस में "स्थिति: रिश्तेदार" का उपयोग कब करते हैं?

+0

तत्व अपनी सामान्य स्थिति में किस स्थिति में है, तो: ठीक से समझने के लिए सीएसएस चाल वेबसाइट के लिए इस लिंक पढ़ें "छोड़: 20" तत्व के बाएं स्थिति –

+1

@MoortyGK को 20 पिक्सल कहते हैं, 'छोड़ दिया : 20' गलत है और ब्राउज़र को अनुरूप बनाकर अनदेखा किया जाता है। –

+0

याह !! मुझे पता है कि अगर हम बाएं = "20 पीएक्स" की तरह लिखते हैं, तो यह मूल स्थिति से 20px तत्व (20px से बाएं ऑफसेट जोड़ता है) को ले जाएगा। –

उत्तर

9

मैं ज्यादातर स्थिति का उपयोग करता हूं: तत्व में सापेक्ष जब मुझे पता है कि उस तत्व के आंतरिक तत्व को पूरी तरह से स्थानांतरित किया जा रहा है।

उदाहरण के लिए यदि मेरे पास दो divs हैं और बाहरी div एक स्थिर ब्लॉक है और बाहरी div के अंदर तत्व बाहरी div के पूर्ण रिश्तेदार को स्थानांतरित करने जा रहे हैं। फिर स्थिति का उपयोग करें: बाहरी div और आंतरिक div के सापेक्ष स्थिति का उपयोग करना चाहिए: पूर्ण। अब आंतरिक div तत्वों को सीएसएस के शीर्ष, नीचे, बाएं और दाएं विशेषताओं का उपयोग करके कहीं भी रखा जा सकता है।

+0

याहू !! एक अच्छा जवाब है। और जैसा कि आपने समझाया है "हमें अंदरूनी ब्लॉक में प्रासंगिक पदों के बारे में चिंता करने की आवश्यकता नहीं है"। वे स्वचालित रूप से समायोजित हो जाएगा। –

+0

हाँ आप सही हैं ... :), मैंने कुछ यूट्यूब ट्यूटोरियल देखे जब मैं सीएसएस में स्थिति के साथ संघर्ष कर रहा था और उसके बाद मुझे स्थिति विशेषता का उपयोग करने पर बहुत भरोसा है। – Sahil

3

वहाँ से पहले एक ऐसी ही सवाल कर दिया गया है:

When to use CSS positioning?

इसका जवाब स्थिति के बारे में एक उपयोगी ब्लॉग का लिंक है।

+0

वे भी अच्छे जवाब हैं। धन्यवाद। –

0

तत्व अपनी सामान्य स्थिति में किस स्थिति में है, तो "छोड़: 50" तत्व के बाएं स्थिति

0

स्थिति के सर्वश्रेष्ठ उपयोग रिश्तेदारस्थिति पूर्ण साथ है 50 पिक्सेल कहते हैं।

useful link

संबंधित मुद्दे