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