2012-10-11 15 views
15

से परे बच्चे div को बढ़ाएं मैं ब्राउज़र की चौड़ाई के साथ इस div को विस्तारित करने का प्रयास कर रहा हूं। मैं से here पढ़ा है कि आप {position:absolute; left: 0; right:0;} उपयोग कर सकते हैं कि प्राप्त करने के लिए jsfiddle यहाँ के रूप में: http://jsfiddle.net/bJbgJ/3/कंटेनर div

लेकिन समस्या यह है कि मेरे वर्तमान #container एक {position:relative;} संपत्ति है, और इसलिए अगर मैं बच्चे को {position:absolute} लागू है div, यह केवल #container का संदर्भ देगा। क्या #container से आगे मेरे बच्चे के गोता का विस्तार करने का कोई तरीका है?

+0

यदि यह किसी भी तरह से शरीर के सापेक्ष पूरी तरह से स्थित है, तो क्या कोई कारण है कि आप मौजूदा माता-पिता के बाहर तत्व नहीं ला सकते हैं? साथ ही, आपका विशिष्ट कोड और एप्लिकेशन देखने से हमें भी मदद मिल सकती है ... – Mike

उत्तर

23

मैं संभवतः अपने लक्ष्य को पूरा करने के लिए पांच तरीके के बारे में सोच सकते हैं:

  1. उपयोग आंतरिक तत्व पर नकारात्मक हाशिए माता पिता

  2. उपयोग Javascript के बाहर ले जाने के लिए बाहर भीतरी तत्व स्थानांतरित करने के लिए माता-पिता का

  3. स्रोत कोड बदलें और आंतरिक तत्व को मूल के बाहर ले जाएं।

  4. आंतरिक तत्व पर position: fixed का उपयोग करें। यह आंतरिक तत्व को तोड़ने की अनुमति देगा लेकिन नीचे की ओर है कि तत्व को दी गई स्थिति (कभी नहीं चल रहा) पर तय किया जाएगा।

  5. पेरेंट तत्व से position: relative; निकालें या पेरेंट तत्व देने के एक position: static

+0

धन्यवाद ब्रेट! मैंने इसे आजमाया और यह काम आया! –

+5

@RyanMa लेकिन हां, उत्तर कभी स्वीकार नहीं किया गया –

+0

चौथा बिंदु मेरे लिए काम करता है – madtyn

5

आप माता-पिता div करने के लिए overflow:visible जोड़ने, तो बच्चे के माता-पिता की तुलना में व्यापक बनाने की कोशिश कर सकते।

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