एक बिल्कुल तैनात तत्व पर 100% ऊंचाई की स्थापना जब सामग्री अतीत विंडो का आकार फैलता

Question

तो पढ़ने स्टैक ओवरफ़्लो और वेब के बाद, मैं एकत्रित की हैं 100% ऊंचाई को प्राप्त करने के दो मुख्य चालें हैं कि:

1. ऊँचाई स्थापित: दोनों HTML और शरीर पर 100%
2. अपने तत्व सेट या तो करने के लिए:
   • ऊंचाई: 100%, या
   • शीर्ष: 0, नीचे: 0, स्थिति: पूर्ण

हालांकि, उन चालों के साथ भी मुझे एक बिल्कुल सही डीआईवी की ऊंचाई को 100% तक सेट करने में कठिनाई हो रही है। मुझे व्यूपोर्ट आकार का 100% मिल सकता है, लेकिन यदि उपयोगकर्ता नीचे स्क्रॉल करता है तो यह स्पष्ट हो जाता है कि div में वास्तव में 100% ऊंचाई नहीं है।

मैं इस स्थिति यहाँ का एक सरल जे एस फिडल कर दिया है: http://jsfiddle.net/9FEne/

मेरे सवाल यह है: किसी को भी किसी भी आगे की चाल को पता है कि एक सच्चे प्राप्त करने के लिए (। यानी सामग्री से ऊंचाई, नहीं व्यूपोर्ट ऊंचाई) 100 % ऊंचाई पूरी तरह से div div?

Answer 1

क्षमा करें, मैं पहले असली सवाल याद किया और सोचा कि आप भरा खिड़की चाहता था। यदि समस्या यह है कि सामग्री विंडो से अधिक लंबी है तो आपको शरीर में position:relative जोड़ने की आवश्यकता है। http://jsfiddle.net/9FEne/7/

क्या हो रहा है यह है कि जब आप पूरी तरह से कुछ स्थित स्थिति (और आकार) को निकटतम स्थित तत्व से संबंधित रखते हैं। यदि आप इसे शरीर की स्थिति में नहीं बताते हैं तो यह खिड़की की स्थिति में होगा।

Answer 2

आप इस चाल को प्राप्त करने के jQuery का उपयोग कर सकते

var h = $(window).height(); 
$('#yourdiv').height(h); 

Answer 3

मैं जावास्क्रिप्ट का प्रयोग करेंगे ऊंचाई दस्तावेज़ की ऊंचाई और खिड़की की चौड़ाई क्रमशः चौड़ाई बराबर आवंटित करने के लिए; मैं इसे यहाँ प्रदर्शित करने के लिए अपने jsfiddle संशोधित कर लिया है:

http://jsfiddle.net/9FEne/1/