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