我有div（#child），不会扩展到其父级（#parent）的整个高度。我已经设定了html和的高度body。如果将父级的高度设置为100％，但我希望父级具有最小高度，并且子级可以扩展到父级的全高，则它可以工作。
HTML：
<html>
<body>
<div id="parent">
<div id="child">
<p>This area should be have the same height as it's parent.</p>
</div>
</div>
</body>
</html>
CSS：
html, body, header, h1, p { margin: 0; padding: 0; }
html { background-color: #DDD; height: 100%; }
body { background-color: #DAA; height: 100%; }
#parent {
min-height: 70%;
height: auto !important;
height: 70%;
background-color: #AAD;
}
#child {
height: 100%; /* why isn't this working ? */
width: 80%;
margin: auto;
background-color: #ADA;
}
JSFiddle：http : //jsfiddle.net/nxVNX/11/
height: auto !important;
永远不要使用!important，因为它无法被覆盖，使用它是有害的。它不起作用，因为它总是使用height: auto;notheight: 70%;
具有 !important 属性的规则将始终被应用，无论该规则出现在 CSS 文档中的何处。
所以我建议你删除这条线，它就会起作用。
查找有关CSS 中 !important 含义是什么的更多信息？。