基於子div高度動態調整容器div的大小

Question

我試圖讓一個容器div能夠根據某些子div是否存在自動調整大小。這是我的代碼到目前爲止，當我刪除子div的父容器div的高度保持不變。

http://jsfiddle.net/sm7L6fqy/3/

#containerdiv { 
width: 400px; 
height: 185px; 
background-color: rgba(39, 39, 39, 0.89); 
position: absolute; 
display: block; 
top: 73px; 
z-index: 99; 
color: white; 
border-radius: 2px; 
} 
#childdiv1 { 
margin-left: 5px; 
font-weight: bold; 
margin-top: 3px; 
color: rgb(223, 114, 53); 
} 
#childdiv2 { 
margin-left: 5px; 
font-size: .95em; 
margin-top: -3px; 
} 
#childdiv5 { 
margin-left: 5px; 
margin-top: 5px; 
} 
#childdiv6 { 
margin-left: 5px; 
margin-bottom: -1px; 
position: relative; 
padding: 100px 3px; 
} 
#childdiv7srcparent { 
border: 1px solid white; 
border-radius: 3px; 
margin-left: 5px; 
left: -2px; 
position: absolute; 
top: 32px; 
} 
#childdiv8 { 
position: absolute; 
top: 67px; 
left: 5px; 
} 
#childdiv3 { 
font-size: .95em; 
color: rgb(136, 71, 255); 
position: absolute; 
top: 43px; 
left: 5px; 
} 
#childdiv4src { 
font-size: .95em; 
color: white; 
text-decoration: none; 
top: 3px; 
position: absolute; 
right: 5px; 
} 

感謝

Answer 1

變化的高度和你#containerDiv到auto的寬度。

#containerdiv { 
    width: auto; 
    height: auto; 
    background-color: rgba(39, 39, 39, 0.89); 
    position: absolute; 
    display: block; 
    top: 73px; 
    z-index: 99; 
    color: white; 
    border-radius: 2px; 
}