极客观点
项目管理
HarmonyOS
有如下html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 父元素 -->
<div style=" max-height: 100px; height: 300px; min-height: 200px;width: 200px;background-color: red;">
<!-- 子元素 -->
<div style="height: 300px; background-color: aqua;">
</div>
</div>
</body>
</html>很好奇父元素200px是怎么来的，说明min-height生效了吗？但是如果是min-height生效了，又因为子元素300px，不是会自适应吗？
想知道200px怎么作用的，如果是min-height生效，那为什么父元素最后的高度不是和子元素高度一样
height先和maxheight比，如果大于，则此时height计算值为maxheight的值，这里为100px。min-height比，如果小于，则此时height的计算值为minHeight，这里为200px。故最后
height为200px。css max-height