vh: 相對于視窗的高度, 視窗被均分為100單位的vh;

也就是說，1vh就是當前屏幕可見高度的1%

height:100vh == height:100%;

但是當元素沒有內容時候，設置height:100%，該元素不會被撐開，此時高度為0，

但是設置height:100vh，該元素會被撐開屏幕高度一致。

與calc結合使用效果更佳。

calc是 css3提供的一個在css文件中計算值的函數：

• 用于動態計算長度值。

• 需要注意的是，運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)；

如：calc (100vh - 10px)表示整個瀏覽器窗口高度減去10px的大小

calc()的兼容性如下，使用時需注意：