2021-11-18-🌈 让div填充剩余的屏幕空间的高度

flex

父元素设置 flex-flow: column; 垂直排列
再使用 flex 自适应布局

calc

height: calc(100% - 50px);
剩余高度 = 父元素高度 - 已有高度

demo

https://codepen.io/qiudaoermu/pen/mdwPWVx