浅谈：height:100%和height:100vh的区别

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

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

height:100vh == height:100%;

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

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

总结：设置height:100vh，能够保证元素无论是否有没有内容，高度都等于屏幕高度。