सीएसएस नेस्टेड div ऊंचाई 100%

Question

मुझे वर्तमान में पेज ऊंचाई की 100% पर #border div मिला है, लेकिन # कंटेनर div #border के अंदर 100% तक पहुंचने की कोशिश कर रहा हूं। फिलहाल # कंटेनर केवल इसके अंदर की सामग्री को फिट करने के लिए फैला है।

* { 
    margin: 0; 
} 

html, body { 
    height:100%; 
    font-family: Georgia, Times, "Times New Roman", serif; 
    font-size:13px; 
    line-height:19px; 
    color:#333333; 
    background: #f5f1ec; 
    text-align: left; 
} 

#border { 
    background: #f5f1ec; 
    border:solid 1px #FFFFFF; 
    width: 880px; 
    margin: 40px auto 0; 
    padding:10px; 
    height: auto !important; 
    min-height: 100%; 
    height: 100%; 
} 

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
} 

Answer 1

हल:

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
    width:780px; 
    position:absolute; 
} 

Answer 2

#container{min-height:inherit;position:absolute;}

की कोशिश करो और #border को overflow:hidden; जोड़ें।