如果我将“div”元素的宽度设置为%,它可以正常工作,但是如果将高度设置为%,我什么也得不到。只有当我指定像素或EM高度或东西它的工作原理:为什么我的CSS样式不改变属性高度?
<!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>
这是混淆了我。谢谢。
谢谢。我只是想知道什么指定身体实际上100vh,特别是为什么它使div高度接受一个百分比。 – Zebrafish
vh是一个css单位,* always *表示屏幕高度的百分比。 vw是宽度相同的东西。使用100%可以指代不同的事情。如果父级具有相对位置并且子元素具有相对位置,则子元素的100%将指向其父级宽度/高度的100%。不是屏幕宽度。如果父元素没有可确定的宽度或高度,百分比将不起作用。屏幕总是有一个可确定的宽度高度,所以它的工作原理。 – diopside