在浏览器中，直接为一个元素设置height: 100%，并不能达到我们想要的效果——让该元素填满容器。
百分比height设定执行逻辑为，向上查找能够找到一个高度能够确定下来的父元素，找到头就是html元素。
高度能够确定下来的意思是：
1. 该元素明确指定了高度。如px、vh等单位
2. 该元素的高度可以由浏览器动态计算出来。如flex布局中，使用flex-grow属性；
找到这样的父元素之后，将会按比例折算，设置当前元素的高度值。
展开
技术交流圈
avatar
avatar
avatar
等人赞过
1
相关推荐