CSS calc() 函数 动态的改变元素的 宽高长度

calc()能让你定义的元素的做计算，可以给元素使用百分比、em、px和rem单位值计算出其宽度或者高度

比如说“width:calc(50% + 2em)”，再不用担心烦人的宽度问题，而是把这个问题交给浏览器处理

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