关于父元素设置min-height，子元素设置 height 100% 不生效的问题

问题：子元素 height 仍然为 0

解决办法

第一种： 父元素设置position: relative, 子元素设置 position：absolute

第二种： 给父元素加一层 box, 给 box 添加 flex 布局

第三种： 父元素添加 display: grid;  

下边的方法不贴代码了

第四种：给子元素添加 min-height inherit,

这个的问题在于，如果父元素的高度比 min-height 高，子元素不会自动变高

第五种：给父元素添加 display: flex; flex-direction: column; 子元素添加 flex: auto;

这个问题在于，没法设置为50%的高度。

第六种： display：table；