css 属性 calc 使用踩坑

在使用css 属性 calc 的时候 发现不生效 最后发现 计算符号前后必须有空格

1.计算时可带单位，可用百分比：

px % em rem in mm cm pt pc ex ch vh vw vmin vmax

2.支持 “+” , “-” , “*” , “/” 四则运算

运算符与数字之间必须有空格

加减是必须都带相同单位或百分比与一个带单位

乘除是只能有一个带单位

calc与括号之间不能有空格
不能除0

        width: calc(300px - 100px);
        height: calc(90px / 3);
         width: calc(100% - 10px);

3.可以嵌套

   width: calc(50%);
   height: calc(calc(100% - 20px) / 2);