CSS height:100%和height:100vh的区别

vh 是 CSS 中的相对长度单位,相对视口高度(Viewport Height),1vh = 1% * 视口高度

也就是说:height:100vh == height:100%

但是元素没有内容的时候,设置 height:100%,该元素不会被撑开,此时高度为0

但是设置 height:100vh,该元素会被撑开跟屏幕高度一致