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. 它支持 “+”, “-”, “*”, “/” 运算