极客观点
项目管理
HarmonyOS
div1的高度为什么设置min-height后sp1和sp2的高度没有撑起了呢？为什么把div1的min-height改成height后sp1和sp2就撑起来了？min-height不能替代height使用吗？
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#div1{width: 100%;min-height: 50px;background-color: yellow;}
#sp1{width: 20%;height: 100%;display: inline-block;background-color: blue;}
#sp2{width: 50%;height: 100%;display: inline-block;background-color: red;}
</style>
</head>
<body>
<div id="div1">
<span id="sp1">aaa</span>
<spanv id="sp2">bbb</span>
</div>
</body>
</html>
html5
父元素设置了
min-height但没有设置height时候，子元素的height和min-height不会生效子元素的
height或是min-height是否生效，基于父元素是否设置了固定高度或者是一个有效百分比高度参考：
height与min-height的百分比问题和铺满屏幕的布局方法
Child inside parent with min-height: 100% not inheriting height