Html 100%容器内的100%Div高度？ //我的内容 #容器{ 身高：100%！重要； 最小高度：700px！重要； } #内容{ 身高：100%！重要； }

我有一个容器div，里面有一个content div，无论我做什么，我都无法使content div与container div的高度相同。我是否遗漏了什么

---

谢谢

在html和正文中添加高度：100%

<div id="container">

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

</div>

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

---

您还可以将最小高度：700px（或继承）添加到子div。我希望它能奏效

将更多内容添加到内部div，以检查内容增加时的高度：100%效果。

html, body{height:100%}

#容器{
高度：700px！重要；
边框：1px纯红；
}
#内容{
身高：100%！重要；
边框：1px纯绿色；
}
//我的内容

只需添加最小高度：继承到内容样式

<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>

---

为了清楚起见，您的CSS位于顶部的样式部分，div位于主体中，而不是您在此处显示的HTML中？您的演示不包括最小高度：700px！重要的；在这种情况下，您还可以将minheight:700px（或inherit）添加到子div。我希望它能奏效。我已经更新了小提琴。我已经尝试过了，它对我有用。甚至你的代码也对我有用。你在哪个浏览器中checking@user1013512我已经编辑了我的解决方案，它对我来说运行良好，请看一看

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