极客观点
项目管理
HarmonyOS
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
padding:0;
margin:0;
}
.main{
width:300px;
margin:50px auto 0;
background:#3c3c3c;
padding-top:20%;
}
</style>
</head>
<body>
<div class="main"></div>
</body>
</html>为什么padding-top成了相对于body宽度而来的呢
[max/min-]width、left、right、text-indent、padding、margin 等都是相对于父级宽度的
[max/min-]height、top、bottom 等是相对于父级高度的