html - 拉伸液体容器和漂浮的内容物

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