【CSS】元素的高度,元素高度自适应屏幕高度


<html>元素的高度默认是auto,被内容自动撑开;

100%:使得html的height与屏幕高度相等

50%:使得html的height等于屏幕的一半;

若想让一个<div>的高度与屏幕高度自适应,始终充满屏幕,需要从html层开始层层添加height=100%

<html>元素没有margin和padding

<body>元素有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值


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM