为什么我不爱写height: 100%系列

我常常会遇到一个问题，当父级没有明确的height值的时候，子级height: 100%;是没有用的。 包括父级flex-grow: 1;这种情况，父级高度明明已经撑开了，但是子级height: 10

为什么我不爱写height: 100%，更爱写min-height: 100vh;? 开始前，可以看下我前面的一篇文章。 关于height: 100%的一个问题https://juejin.cn/po

书接上回,看本章前需要阅读上篇笔记 https://juejin.cn/post/7484108431620800546 上回使用flex实现下面这个效果，但是这次使用grid来实现才是更优解。 代码