css实现容器高度 适应 屏幕高度
<html>元素的高度默认是auto，被内容自动撑开；100%：使得html的height与屏幕的高度相等；50%：使得html的height等于屏幕的一半；若想让一个<div>的高度与屏幕高度自适应，始终充满屏幕，需要从html层开始层层添加height=100%<html>元素没有margin和padding&
·
<html>元素的高度默认是auto，被内容自动撑开；
100%：使得html的height与屏幕的高度相等；
50%：使得html的height等于屏幕的一半；
若想让一个<div>的高度与屏幕高度自适应，始终充满屏幕，需要从html层开始层层添加height=100%
<html>元素没有margin和padding
<body>元素有margin没有padding
因此让body占满屏幕的代码是
注：因为html,body元素的width默认就是100%,因此在里面的div 设定width=100%时就能和屏幕等宽
html{
height:100%;//让html的高度等于屏幕
}
body{
height:100%;
margin:0;
}而html,body元素的高度height默认是auto,因此要想让div和屏幕等高，需要改变html和body的height值
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)