HTML & CSS question: Element between two absolute-positioned elements needs to resize correctly -

<पूर्व> #header {position: absolute; शीर्ष: 0%; ऊंचाई: 24px; } # लोग {स्थिति: पूर्ण; शीर्ष: 24px; नीचे: 20%; अतिप्रवाह: ऑटो; } #footer {स्थिति: पूर्ण; नीचे: 0 पिक्सेल; ऊंचाई: 17.2%; न्यूनतम ऊंचाई: 80 पीएक्स; अतिप्रवाह: ऑटो; }

मेरी समस्या यह है कि जब मैं ब्राउज़र खिड़की को सम्मिलित करता हूँ, तो मध्यम तत्व ('शरीर') पाद लेख के क्षेत्र में घूमना शुरू होता है (जब नीचे से 20% इससे बड़ा हो जाता है पाद लेख की न्यूनतम ऊंचाई)। पाद लेख इसकी न्यूनतम की तुलना में ऊंचाई में बड़ा हो सकता है, लेकिन यह छोटा नहीं हो सकता।

यह जावास्क्रिप्ट कोड के बिना करने का कोई अच्छा तरीका है?

नहीं। जब कोई तत्व पूरी तरह से तैनात होता है तो उसे दस्तावेज़ के प्रवाह से निकाल दिया जाता है और किसी भी अन्य तत्वों का ज्ञान नहीं है।

मैंने एक चिपचिपा-पाद लेख समाधान नहीं देखा है जो एक चर ऊंचाई पाद लेख के साथ काम करेगा।