html - 高さ 100% コンテナー内の Div の 100%?

Question

<div id="container">

   <div id="content">
   //my content
   </div>

</div>

#container{
 height:100%!important;
 min-height:700px!important;
}
#content{
 height:100%!important;
}

内部にコンテンツ div を含むコンテナー div があります。何をしても、コンテンツ div をコンテナー div と同じ高さにすることができません。何か不足していますか？

ありがとう

Answer 1

height:100%html と bodyに追加

html, body{height:100%}

デモ

---

min-height:700px を子 div に追加 (または継承) することもできます。それがうまくいくことを願っています。

更新されたデモ

内側の div にさらにコンテンツを追加して、height:100%コンテンツが増加したときの効果を確認します。

Answer 2

min-height:inherit をコンテンツ スタイルに追加するだけです

#content{
 height:100%!important;
 min-height:inherit;
}

Answer 3

<style>
#container{
height:700px !important;
 border:1px solid red;
}
#content{
 height:100%!important;
 border:1px solid green;
}
</style>
<div id="container">
   <div id="content">
    //my content 
   </div>

</div>