css height 100%与 100vh的区别

vh 就是当前屏幕可见高度的1%，

% 是相对于父元素高度的百分比。

当 屏幕可视区域高度 = 其父元素高度 时，

有 height:100vh == height:100%;

但是当元素没有内容或其父元素没有高度时，设置height:100%，该元素不会被撑开，此时高度为0，

但是设置height:100vh，该元素会被撑开与屏幕可视高度一致。

参考：https://blog.csdn.net/weixin_42207975/article/details/107145439