为什么要设置成100vw才能撑开，才有效

清夏_ 2022-11-21

源自：Flex弹性布局 3-1 圣杯布局

8

收起

1回答

imooc_慕慕 2022-11-21 12:16:44

同学你好，这里vh是移动端开发的单位，vh是相对单位，1vh为视口高度的1%，如果是100%视口的高度，则为100vh

同学可以回顾一下之前的课程，参考学习地址：

https://class.imooc.com/lesson/2139#mid=53243

祝学习愉快~

提问者清夏_ #1

老师也是这么说的，那我设置成100%不也是100%视口的高度吗？为什么不行，必须是vh

2022-11-21 12:18:57
imooc_慕慕回复提问者清夏_ #2

同学你好，这里子元素没有给固定的高度所以无法撑开父元素body高度，又因为使用了flex弹性布局，因此给了父元素100vh高度而这个vh是相对于可视口的高度计算的即相对单位，同学可以在控制台看一下有具体的高度度的，参考如下:

所以可以将页面布局撑，而不能使百分号，
祝学习愉快~

2022-11-21 13:21:51

相似问题

为什么要在.menu-item.a设置block

1.将红色圆设置为背景，白色数字不用设置为绝对定位就能实现，不是父级相对定位后，子元素就要绝对定位吗

accomplete需要input有name才有效是吗？

为什么我设置了.nav_container的height为0,ul不消失

font简写部分功能为效果？？例如：加粗倾斜小写该大写？？？？

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

前端工程师

参与学习人
提交作业 15691 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

201 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载