gpt4 book ai didi

html - 当两者都是百分比时,嵌套的最小高度不起作用

转载 作者:可可西里 更新时间:2023-11-01 13:47:00 25 4
gpt4 key购买 nike

<分区>

似乎一旦容器 div 的 min-height 属性设置为百分比,height 和 min-height 就不再适用于使用百分比的内部 div。

代码如下...(一切按预期工作):

         html,body{
height:100%;
background:black;
}
.container{
height: 30%;
background-color: green;
}
p{
min-height:90%;
background-color:purple;

}
<!DOCTYPE html>
<html>
<head>

</head>
<body>
<div class="container">
<p>The minimum height of this paragraph is set with percentage</p>
</div>

</body>
</html>

当我将容器 div 设置为最小高度百分比时,紫色段落缩小了。我期望该段落保留包含 div 的 90%。这个非工作版本唯一不同的是我将容器 div 的“高度”设置为“最小高度”。

         html,body{
height:100%;
background:black;
}
.container{
min-height: 30%; /* LINE CHANGED */
background-color: green;
}
p{
min-height:90%;
background-color:purple;

}
<!DOCTYPE html>
<html>
<head>

</head>
<body>
<div class="container">
<p>The minimum height of this paragraph is set with percentage</p>
</div>

</body>
</html>

任何帮助或深入了解正在发生的事情将不胜感激。我真的希望能够做到这一点:这是更复杂设计的一部分……我只是将其淡化为问题的基础……

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