如果我将"div"元素的宽度设置为 %，它可以正常工作，但如果我将高度设置为 %，我什么也得不到。只有当我以 px 或 em 或其他方式指定高度时，它才起作用：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
div {
background-color: aqua;
height: 25%;
width: 25%;
float: left;
}
</style>
<body>
<div></div>
</body>
</html>
这让我感到困惑。谢谢。
<style>
body{
height: 100vh;
width: 100vw;
}
div {
background-color: aqua;
height: 25%;
width: 25%;
float: left;
}
</style>
当您使用 % 设置width或height时，您必须检查它的父标签。
例如
.parent{
width: 200px;
height: 200px;
}
.children{
width: 50%;
height: 50%;
}
.children的height和width是100px。
让我们看看另一个例子。
.parent{
}
.children{
width: 50%;
height: 50%;
}
.children的height和width0px。
因为它的父母没有width和height.
潜水将获得其父高度和宽度的 25%，因此如果您没有将身体样式设置为具有特殊的高度或宽度，则大多数情况下为 0px，为身体添加一些高度，它将被样式化
body {
height:100%;
padding:0;
margin:0;
}