सीएसएस स्थिति: पूर्ण + गतिशील ऊंचाई

Question

मेरे पास 4 <div> टैग एक दूसरे के बाद एक हैं, सभी position:absolute में और मैं उन्हें top और left का उपयोग करके संरेखित करता हूं।

तीसरे div टैग में गतिशील सामग्री होती है और इसमें टेक्स्ट की मात्रा के अनुसार div की ऊंचाई बदल जाती है। हालांकि, जैसा कि मैंने सभी divs के top और left सेट किया है, चौथा div तीसरे गतिशील div की ऊंचाई से प्रभावित होता है।

मैं इसे कैसे हल कर सकता हूं?

http://jsfiddle.net/25Xrh/

Answer 1

आप एक माता पिता div में 4 divs लपेटकर कोशिश करने के लिए और पूरी तरह से स्थिति यह है कि कर सकते हैं। फिर आप बच्चों में से किसी एक को दूसरे को प्रभावित करने की अनुमति दे सकते हैं।

http://jsfiddle.net/25Xrh/5/

समाधान आप का मतलब था कि कोई बात नहीं क्या आप top:60px को प्रभावित करने की कोशिश की और left:180px, कहीं भी इस के अलावा अन्य बढ़ने से इसे बंद कर दिया तो गतिशील सामग्री div इसका स्थान बदलना सक्षम नहीं था।

Answer 2

यहाँ मेरी परीक्षा है: http://jsfiddle.net/neuroflux/25Xrh/7/

कोड:

.first { 
    position:relative; 
    left:180px; 
} 

.second { 
    position:relative; 
    left:180px; 
} 

.third { 
    position: relative; 
    left:180px; 
} 

.fourth { 
    position:relative; 
    left:180px; 
}