CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除

CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除

实例：

.add{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.main{
    width: calc(100% - 10px - 10px);
    height: calc(500px - 10px -50px);
}

注意，减号，左右必须打空格，否则不生效。

calc用于动态计算长度值。

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
任何长度值都可以使用calc()函数进行计算；
calc()函数支持 "+", "-", "*", "/" 运算；
calc()函数使用标准的数学运算优先级规则；