演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
padding: 0;margin: 0;
}
div{
background: green;
width: 100%;height: 300px;
}
h4{
background: red;width: 50%;height: 50%;
font-size: 200%;
}
</style>
</head>
<body>
<!--
百分比单位
1，百分比%单位是以父级做参考，父级的百分比
-->
<div>
<h4>我要自学</h4>
</div>
</body>
</html>
