您当前的位置: 首页 >  容器

任磊abc

暂无认证

  • 7浏览

    0关注

    182博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

css实现容器高度 适应 屏幕高度

任磊abc 发布时间:2018-01-31 16:50:17 ,浏览量:7

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

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

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

若想让一个

的高度与屏幕高度自适应,始终充满屏幕,需要从html层开始层层添加height=100%

元素没有margin和padding

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

关注
打赏
1656830895
查看更多评论
立即登录/注册

微信扫码登录

0.0367s