作者:永恒多一天_313 | 来源:互联网 | 2023-05-18 11:55
<html>元素的高度默认是auto,被内容自动撑开;100%:使得html的height与屏幕的高度相等;50%:使得html的height等于屏幕的一半;若想让一个<
元素的高度默认是auto,被内容自动撑开;
100%:使得html的height与屏幕的高度相等;
50%:使得html的height等于屏幕的一半;
若想让一个的高度与屏幕高度自适应,始终充满屏幕,需要
从html层开始
层层添加height=100%
元素没有margin和padding
元素有margin没有padding
因此让body占满屏幕的代码是
html{
height:100%;//让html的高度等于屏幕
}
body{
height:100%;
margin:0;
}
注:因为html,body元素的width默认就是100%,因此在里面的div 设定width=100%时就能和屏幕等宽
而html,body元素的高度height默认是auto,因此要想让div和屏幕等高,需要改变html和body的height值