如何让元素支持 height:100%效果

Posted 2021-02-02 zhaoxiangshang

如何让元素支持 height:100%效果？ 有
两种方法。
（1） 设定显式的高度值。 这个没什么好说的，例如，设置 height:600px，或者可以生效
的百分比值高度。例如，我们比较常见的：
html, body {
height: 100%;
}
（2） 使用绝对定位。 例如：
div {
height: 100%;
position: absolute;
}
此时的 height:100%就会有计算值，即使祖先元素的 height 计算为 auto 也是如此。
需要注意的是，绝对定位元素的百分比计算和非绝对定位元素的百分比计算是有区别的，区别
在于绝对定位的宽高百分比计算是相对于 padding box 的，也就是说会把 padding 大小值计算
在内，但是，非绝对定位元素则是相对于 content box 计算的。