2012-04-24 16 views
5

फिट करने के लिए यह जावा स्क्रिप्ट का उपयोग किए बिना ऐसा करने के लिए एक लंबे शॉट हो सकता है ...आकार माता पिता div बच्चे div

अगर मैं निम्नलिखित (समस्या के लिए कोड बाहर छीन)

<div id="container"> 
    <div id="content"></div> 
</div> 
#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
} 
है

सामग्री बॉक्स में गतिशील सामग्री होती है इसलिए एक निश्चित ऊंचाई का उपयोग नहीं किया जा सकता है।

स्थिति पूर्ण

मैं उसकी ऊंचाई आकार बदलने के लिए सामग्री फिट करने के लिए कंटेनर बॉक्स कैसे मिलेगा इसका उपयोग करते हुए jQuery यूआई सामान के रूप में सामग्री div पर इस्तेमाल किया जा रहा है ...?

मुझे समझ में आता है कि यह किसी प्रकार की जावास्क्रिप्ट का उपयोग किए बिना संभवतः असंभव है, क्योंकि एक div स्थान पर रखकर इसे प्रवाह आदि से बाहर ले जाता है, लेकिन बस आश्चर्य हुआ कि अगर किसी को किसी तरह के काम के बारे में पता था?

धन्यवाद!

+0

क्या आपने कंटेनर न्यूनतम चौड़ाई और न्यूनतम ऊंचाई गुणों को सेट करने का प्रयास किया था? –

+1

जावास्क्रिप्ट का डर क्या है? – Luke

+0

पहली जगह में 'स्थिति: पूर्ण' का उपयोग करने का क्या कारण है? –

उत्तर

2

संपादित करें: मैंने पहली बार प्रश्न को गलत समझा।

तो बाकी सब विफल रहता है, यहाँ एक jQuery समाधान है:

$('#container').css('height',$('#content').height()); 
1

ठीक है, मैं पता नहीं क्या अपनी सामग्री (jQuery यूआई सामान) है। हालांकि, कहते हैं कि यह केवल एक छवि है:

#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
    top:0; bottom:0; left:0; right:0; 
} 

यह कम से कम 100% चौड़ाई और माता पिता की ऊंचाई के लिए अपनी सामग्री क्षेत्र सेट हो जाएगा।

+0

अन्यथा jquery आपकी सबसे अच्छी शर्त है। आप css3 पृष्ठभूमि-आकार –

+0

में भी देख सकते हैं, कृपया समझें कि आपने ओपी क्या पूरा करने की कोशिश कर रहा है इसके ठीक विपरीत सुझाव दिया है: ओपी अपने बच्चों के अनुसार माता-पिता को स्वचालित रूप से आकार देने के लिए (उम्मीदवार गैर जेएस रास्ता) ढूंढ रहा है। हालांकि, मैं ऐसा करने के लिए विशेष रूप से jquery तरीका ढूंढ रहा हूं, क्योंकि मुझे एक jquery फ़ंक्शन के भीतर काम करना है जो पहले से ही लंबाई और चौड़ाई पर निर्णय ले चुका है, लेकिन मैंने कुछ सामान ले जाया है और इसके आधार पर आयामों को फिर से समझने की आवश्यकता है सामग्री बच्चों मैं मूल रूप से आकार बदल गया। – user253780

+0

कृपया समझें, यह उत्तर 2012 से है ... आप इतने पागल हैं? मुझे अपना "jquery function" समस्याएं न बताएं। –

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