CSS中height:100%和height:inherit的异同
https://www.zhangxinxu.com/wordpress/2015/02/different-height-100-height-inherit/
这篇已经讲的很清楚了。
绝对定位，高度height:100%,向上查找有效高度，直到最底层，因此，在没有有效高度的情况下，高度为页面显示高度。
当父级元素为相对定位的时候，高度与父级一致。
当父级高度被撑开的时候，设置父级，position:relative,子级,position:absolute;100%;heigth:100%;
想要子集在父级容器中滑动，父级设置overflow:auto,且高度确定。因此一般使用flex布局来实现。