设置html，body为100%是什么意思？

不太理解设置body和html的宽高为100%是什么意思？body和html还有父元素吗？设置这个的意义在于什么？

宝慕林842399 2019-01-22

源自：CSS定位（position） 4-1 定位和边距的区别以及弹出层的简单实例

3

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2019-01-22 14:51:13

同学可以往后看一下视频 ,遮罩层是全屏显示 , 就是相对浏览器100% , 如下全屏显示的效果 :

祝学习愉快 ,望采纳 .

好帮手慕夭夭 2019-01-22 14:26:33

你好同学 ,因为元素的宽高如果使用百分比设置的话 ,他是参照父元素的宽高进行计算的 . 例如body的子元素参照的就是body , body参照它的父元素怒html ,而html设置宽高100% , 就是参照浏览器视口了 . 所以你给html ,body都设置宽高100% . body的子元素就能全屏显示了 .

祝学习愉快 ,望采纳 .

提问者宝慕林842399 #1

子元素全屏显示是什么意思？

2019-01-22 14:34:28

相似问题

4.3练习 page的width和height都设置成100%为什么就不显示了

为什么打开时一片空白？

麻烦老师帮忙看下代码可以么

老师，为什么中间部分高度我无法设置啊？

为什么要设置body,html{width: 100%;height: 100%;} 这句话才行

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载