बाहरी div बढ़ता है जब बाहरी div बढ़ता है

Question

मेरे पास एक पैरेंट div के अंदर दो divs हैं (नीचे छवि देखें)। जब "काला" div ऊंचाई में बढ़ता है, तो बाहरी "लाल" div भी होता है, लेकिन मैं "हरे" div को भी बढ़ाना चाहता हूं। सीएसएस में यह कैसे किया जा सकता है?

Answer 1

आप सीएसएस गुण table, table-row, and table-cell का उपयोग कर सकते हैं। आपको यह जांचने की आवश्यकता हो सकती है कि क्या यह ब्राउज़र में आपके लक्ष्यीकरण में समर्थित है या नहीं। http://www.quirksmode.org/css/display.html#table

उदाहरण: http://jsfiddle.net/2GawC/

Answer 2

उपयोग height:100% यह शायद काम नहीं कर रहा है क्योंकि माता पिता div static (डिफ़ॉल्ट) की एक position विशेषता है। माता-पिता को position:relative लागू करें और इसे काम करना चाहिए। :)