gpt4 book ai didi

html - 内部 div 100% 高度在具有最小高度的 div 内不起作用

转载 作者:技术小花猫 更新时间:2023-10-29 11:39:16 25 4
gpt4 key购买 nike

我有一个 div (#child),它不会扩展到它的父级 (#parent) 的全高。我已经为 htmlbody 设置了高度。如果我将父级的高度设置为 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/

最佳答案

当您删除 !important; 属性时它会起作用。也许这就是问题所在?我尝试了其他几种方法,但它们都不起作用,所以我猜上面的解决方案可能是唯一的一种。

关于html - 内部 div 100% 高度在具有最小高度的 div 内不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11179799/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com