拉伸液體容器隨浮動內容物

Question

基本上，我想要container與id=content內的內容一起垂直拉伸。我似乎無法弄清楚，即使height:100%值id=container不起作用。

http://jsfiddle.net/hVksr/

CSS集裝箱

#container { 
width: 400px; 
height:100%; 
margin:auto; 
background:#ccc; 
} 

HTML標記

<div id="container"> 
    <div id="head"> 
     header 
    </div> 

    <div id="content"> 
     Contents Here 
    </div> 

    <div id="side"> 
     Side Contents 
    </div> 

</div>​ <!--/container--> 

Answer 1

試試這個它應該工作

#container { 
    width: 400px; 
    min-height:100px; 
    height:auto; 
    overflow:hidden; 
    margin:auto; 
    background:#ccc; 


} 

希望這有助於：d