height calc()函數 css中用100%的寬度/高度

在移動端開發的過程中，常常會遇到頭部高度是40px，而內容頁是除去頭部，佔滿視窗的整個高度，有時候是用js來處理，現在用css的calc是非常方便的:

.container{
  height: calc(100% - 40px);  //注：減號前後要有空格，否則很可能不生效！！
}

只需設置樣式使用calc() 函數，它支持 “+”, “-”, “*”, “/” 運算；

擴展： vh：相對於視口的高度。視口被均分爲100單位的vh

注意：

1. 運算符前後都需要保留一個空格，例如：width: calc(100% - 10px)；
2. 任何長度值都可以使用calc()函數進行計算；
3. calc()函數使用標準的數學運算優先級規則；
4. 它支持 “+”, “-”, “*”, “/” 運算