拉伸液体容器随浮动内容物

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