<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{
margin:0px;
padding:0px;
}
.test{
background-color: pink;
height: 100%;
width:100%;
position:absolute;
}
</style>
</head>
<body>
<div class="test">
fdsaf
</div>
</body>
</html>
position如果不设置，body里的div height百分比设置不起作用，具体数值才起作用
或者设置这个：
html,
body {
height: 100%;
width: 100%;
}
html和body设置充满屏幕， 这样div再设置百分比，就会参考body
网友评论