स्थिति सापेक्ष और सही संपत्ति

Question

मैंने हमेशा div को सापेक्ष और दाएं 0 पर सेट करके सोचा था कि div को दायीं ओर दाएं स्थान पर रखा जाएगा, अगर उसके माता-पिता 100% चौड़ाई थे। जाहिर है, मैं गलत हूं और इस तरह केवल पूर्ण काम करता हूं। तो क्या यह रिश्तेदार के साथ काम करने का कोई तरीका नहीं है?

Answer 1

आपको माता-पिता को रिश्तेदार होने के लिए सेट करना है, और यह पूर्ण स्थिति के लिए बच्चा है।

.parent{ 
    position: relative; 
    width: 100%; 
} 
.right{ 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    background: red; 
    top:0; 
    right:0; 
} 

यहाँ की तरह: http://jsfiddle.net/willemvb/n9Vrv/

Answer 2

तो वहाँ यह रिश्तेदार के साथ काम करने के लिए कोई रास्ता नहीं है?

सही। सापेक्ष स्थिति निर्धारण स्थिति है जहां से स्थिर स्थिति के साथ यह होगा।

आपको युक्त ब्लॉक के किनारों के संबंध में स्थिति के लिए पूर्ण स्थिति की आवश्यकता है।

Answer 3

इसे एक रिश्तेदार को काम करने का एक तरीका है।

प्रदर्शन का अभिभावक inline-flex पर सेट करने वाला पहला तरीका है।

अगला, तत्व (बच्चे) position:relative; margin-left:auto; right:0; सेट करें।