सीएसएस न्यूनतम ऊंचाई वाले कंटेनर की 100% ऊंचाई

Question

मेरी एक ऐसी स्थिति है जहां मैं तत्व को अपने कंटेनर की ऊंचाई का 100% पर कब्जा करने की कोशिश कर रहा हूं - और कंटेनर तत्व में केवल न्यूनतम ऊंचाई निर्दिष्ट है। दुर्भाग्य से, जब मैं ऐसा करता हूं, ऊंचाई निर्देश को नजरअंदाज कर दिया जाता है। Here is an example। "बी" div, लाल, पूरे माता-पिता को भरना चाहिए। यह आईई 7, क्रोम, या एफएफ 3.6 में नहीं है।

यदि मेरे पास कंटेनर में "ऊंचाई: 1 पीएक्स" था, तो "ए" div, फिर "बी" "ए" की पूरी ऊंचाई तक फैला हुआ है। See here। लेकिन यह केवल एफएफ 3.6 और आई 7 में है, क्रोम में नहीं। तो मुझे लगता है कि मैं यहाँ कुछ गलत कर रहा हूँ।

मुझे लगता है कि यह एक आम समस्या है कि इसका समाधान होना चाहिए जो मैं नहीं देख रहा हूं। इस मामले में खिंचाव से ऊंचाई प्राप्त करने का सबसे अच्छा तरीका क्या है?

Answer 1

आपका सीएसएस का अर्थ है कि बच्चे तत्व की ऊंचाई मूल तत्व की निर्दिष्ट ऊंचाई का 100% है। यदि आप माता-पिता के लिए ऊंचाई निर्दिष्ट नहीं करते हैं, तो 100% का कोई मतलब नहीं है। इसलिए यह काम नहीं करता है।

क्या आप बच्चे पर माता-पिता पर position:relative और position:absolute का उपयोग करके प्राप्त किया जा सकता हैं:

http://jsfiddle.net/57EZn/25/

यह एक सुंदर समाधान नहीं है, लेकिन यह क्या आप के बाद कर रहे हैं नहीं करता है।