CSS子元素撑满父元素（height: 100%无效）

原因分析

明确一点：子元素设置height: 100%需要父元素有确定的高度；
如果父元素高度是被子元素②撑起来的，此时我们想让子元素①撑满高度，height: 100%无效。

解决办法

父元素：

position: relative;

子元素：

position: absolute;
top: 0;
width: 100%;
height: 100%;