vh:相對于視窗的高度，那么vw:則是相對于視窗的高度。

“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/window.innerHeight大小，不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小。

詳細vh的用法，大家可以參考http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/??

calc是英文單詞calculate(計算)的縮寫，是CSS3的一個新增的功能，用來指定元素的長度。比如說，你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設置動態值。為何說是動態值呢?因為我們使用的表達式來得到的值。不過calc()最大的好處就是用在流體布局上，可以通過calc()計算得到元素的寬度。

?

轉載于:https://www.cnblogs.com/ysx215/p/7002989.html

總結

以上是生活随笔為你收集整理的width:100vh与min-height:calc(100vh + 51px)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。