माता पिता div ऊंचाई

Question

मैं मुसीबत उसकी ऊंचाई का विस्तार करने के रूप में अपने बच्चों के बढ़ने में एक माता पिता div हो रही हो रही है में विकसित नहीं करता है (फ्रायड? :-))

sample page here

माता पिता यहाँ जा रहा है "main_bottom" जिसमें "main_mid" और उसके बच्चे शामिल हैं।

संरचना थोड़ा असामान्य है क्योंकि पाठ गोलाकार कोनों के भीतर होना चाहिए, जो कि बड़े हैं, इसलिए मैं सामान्य 'निश्चित शीर्ष - फिर गतिशील मध्य-चरण निश्चित नीचे' दिनचर्या का उपयोग नहीं कर सका।

निश्चित रूप से भयानक गुलाबी और लाल रंग केवल ताकि बच्चों को divs आयामों को देखने के लिए आसान कर रहे हैं ..

किसी भी मदद अत्यधिक सराहना की जाएगी

एक अच्छा दिन

Answer 1

टेक्स्ट के लिए मूल कंटेनर में से एक निश्चित ऊंचाई है, और पाठ फ़्लोट किया गया है लेकिन साफ़ नहीं किया गया है। height: 135px (शायद min-height के साथ प्रतिस्थापित करें) #main_bottom से नियम और फ्लोट को साफ़ करने के लिए नियम #main_mid पर जोड़ें और लेआउट इरादे के अनुसार काम करेगा।

Answer 2

इन परिभाषाओं को जोड़ने के लिए कर रहे हैं

#main_bottom { 
    min-height: 600px; 
    overflow: auto; 
} 


#main_mid { 
    overflow: auto; 
    height: auto; 
} 

overflow: auto और height: auto साथ कंटेनर के अंदर सामग्री के लिए फिट होगा।

Answer 3

मैं इन समस्याओं को दो बार मिला। मेरा समाधान यह है कि प्रदर्शन जोड़ना: ब्लॉक; बच्चे div और ऊंचाई में: ऑटो; पैरेंट div में।

div.parent { 
    ... 
    height: auto; 
    ... 
} 
div.child { 
    ... 
    display: block; 
    ... 
}