2012-06-21 12 views
30

क्या किसी अन्य डीआईवी के सापेक्ष डीआईवी को स्थानांतरित करना संभव है? मुझे कल्पना है कि इसे पहले संदर्भ डीआईवी के अंदर रखकर किया जा सकता है, और फिर position: relative का उपयोग कर किया जा सकता है। हालांकि, मैं यह समझ नहीं सकता कि संदर्भ डीआईवी की सामग्री को प्रभावित किए बिना इसे कैसे किया जाए। मैं इसे ठीक से कैसे कर सकता हूं?स्थिति डीआईवी अन्य डीआईवी के सापेक्ष?

देखें: http://jsfiddle.net/CDmGQ

धन्यवाद! =)

+1

आप उस उदाहरण में लाल div के साथ ग्रे div का क्या प्रभाव डाल रहे हैं? – Rooster

+0

मुझे प्रश्न समझ में नहीं आता है। 'संदर्भ डीवीवी की सामग्री को प्रभावित किए बिना' आप का क्या अर्थ है? क्या आप अनुरोधित परिणाम की एक छवि प्रदान कर सकते हैं? –

उत्तर

55

सबसे पहले आवश्यक नहीं है) ऑफसेट, अर्थात left, top आदि निर्दिष्ट करना और फिर ऑफसेट के साथ बच्चे DIV आप चाहते हैं position: absolute लागू relative के माता पिता DIV के position सेट (।
यह आसान है और चाल अच्छी तरह से करना चाहिए।

+9

[उदाहरण] (http://jsfiddle.net/CDmGQ/2/) –

+0

ऐसा हुआ, धन्यवाद! :) मैं जितनी जल्दी हो सके अपना उत्तर स्वीकार करूंगा। – Nathanael

+1

मेरे लिए काम नहीं करता है। यह केवल तभी काम करता है जब मैं पैडिंग या मार्जिन जोड़ता हूं, इस प्रकार पहले के नीचे दूसरे div को स्थान देता है। –

1

आप अन्य div के अंदर position: absolute का उपयोग करना चाहते हैं।

DEMO

+0

'स्थिति: पूर्ण 'अकेले काम नहीं करेगा; निर्दिष्ट ऑफ़सेट दस्तावेज़ निकाय को संदर्भित करेगा, न कि मूल div (कम से कम आपके द्वारा प्रदान किए गए डेमो में)। मेरा जवाब देखें – rhino

4

आप स्थिति निर्धारित करने की आवश्यकता: भीतरी div के पूर्ण: बाहरी DIV और स्थिति के रिश्तेदार।
इसे आजमाएं। यहाँ Demo

#one 
{ 
    background-color: #EEE; 
    margin: 62px 258px; 
    padding: 5px; 
    width: 200px; 
    position: relative; 
} 

#two 
{ 
    background-color: #F00; 
    display: inline-block; 
    height: 30px; 
    position: absolute; 
    width: 100px; 
    top:10px; 
}​ 
0

आप #two div अंदर position:relative; #one div के अंदर और position:absolute का उपयोग कर सकते है। you can see it

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