首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
情绪羊
前端开发 @字节跳动
·
1年前
关注
屏蔽作者: 情绪羊
举报
在浏览器中,直接为一个元素设置height: 100%,并不能达到我们想要的效果——让该元素填满容器。
百分比height设定执行逻辑为,向上查找能够找到一个高度能够确定下来的父元素,找到头就是html元素。
高度能够确定下来的意思是:
1. 该元素明确指定了高度。如px、vh等单位
2. 该元素的高度可以由浏览器动态计算出来。如flex布局中,使用flex-grow属性;
找到这样的父元素之后,将会按比例折算,设置当前元素的高度值。
展开
技术交流圈
等人赞过
分享
1
6
相关推荐
小册上新:《深入浅出 React 状态管理库》,限时 6 折特惠,仅需 29.94 元!
字节跳动前端开发工程师「木木学长」,带你一步一步揭开状态管理库神秘面纱,探索 React 之核,铸就潮流之下的状态艺术!
链接直达:
sourl.co
30 赞 ·
15 评论
draggable 这个属性,在win11上是不是有问题啊?怎么拖拽的元素根本看不清啊
26 赞 ·
26 评论
要谈大礼包了,有点紧张怎么办
2 赞 ·
22 评论
相关推荐
小册上新:《深入浅出 React 状态管理库》,限时 6 折特惠,仅需 29.94 元!
字节跳动前端开发工程师「木木学长」,带你一步一步揭开状态管理库神秘面纱,探索 React 之核,铸就潮流之下的状态艺术!
链接直达:
sourl.co
30 赞 ·
15 评论
draggable 这个属性,在win11上是不是有问题啊?怎么拖拽的元素根本看不清啊
26 赞 ·
26 评论
要谈大礼包了,有点紧张怎么办
2 赞 ·
22 评论