这是我的简单代码
<!DOCTYPE html>
<html>
<head>
<style>
div{height:100%;width:100%;background:red;position:relative;}
</style>
</head>
<body>
<div></div>
</body>
</html>
CSS高度100%不适用于DIV。
我知道一些其他的 css 代码来获取这个。但为什么这段代码不起作用。如何在没有任何脚本的情况下处理高度 100% 和宽度 100%。
For %
要工作,您需要设置高度parent element
以及。
Set html, body {height: 100%}
从文档 -
是根据高度计算的
包含块。如果包含块的高度不是
明确指定,该值计算为 auto。百分比高度
根元素上的(例如 )是相对于初始元素的
包含块(其尺寸等于
视口)。
欲了解更多信息,请访问 -MDN 百分比文档
所以对于你的情况,你可以这样做 -
<!DOCTYPE html>
<html>
<head>
<style>
html,body{height:100%;}
div{height:100%;width:100%;background:red;position:relative;}
</style>
</head>
<body>
<div></div>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)