सीएसएस

Question

में किसी अन्य के सापेक्ष एक तत्व की स्थिति मैं चार div एस दूसरे के सापेक्ष स्थिति रखना चाहता हूं। मेरे पास आयताकार div है, और मैं अपने कोनों पर 4 div एस डालना चाहता हूं। मुझे पता है कि सीएसएस में "position:relative" विशेषता है, लेकिन यह उस तत्व की सामान्य स्थिति से संबंधित है। मैं अपने div एस को अपनी सामान्य स्थिति के सापेक्ष नहीं रखना चाहता, लेकिन किसी अन्य तत्व (आयताकार) के सापेक्ष। मुझे क्या करना चाहिए?

Answer 1

मैं तत्व के भीतर पूर्ण स्थिति का उपयोग कर सुझाव है।

मैंने यह JSfiddle बनाया है ताकि आप इसे थोड़ा सा देखने में मदद कर सकें।

http://jsfiddle.net/wUrdM/

Answer 2

position: absolute निर्देशांक द्वारा तत्व, निकटतम तैनात पूर्वज है, यानी करीबी माता पिता जो position: static नहीं है के सापेक्ष स्थिति होगी।

अपने चार divs लक्ष्य div के अंदर घोंसला रखें, लक्ष्य div position: relative दें, और दूसरों पर position: absolute का उपयोग करें।

संरचना अपने HTML इस के समान:

<div id="container"> 
    <div class="top left"></div> 
    <div class="top right"></div> 
    <div class="bottom left"></div> 
    <div class="bottom right"></div> 
</div> 

और यह सीएसएस काम करना चाहिए:

#container { 
    position: relative; 
} 

#container > * { 
    position: absolute; 
} 

.left { 
    left: 0; 
} 

.right { 
    right: 0; 
} 

.top { 
    top: 0; 
} 

.bottom { 
    bottom: 0; 
} 

...