height 100%的一个疑问

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body,html{
 height:100%;
}
</style>
</head>
<body>
 <div style="height:100%;border:1px black solid"></div>
 <div style="margin-top:10px;border:1px red solid">你好</div>
</body>

</html>

常常设置height:100%没有效果,后来才发现这个是依赖父级,父级必须有一个高度才行

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页