CSS calc函数不生效

在写固钉样式的时候，设置宽度需要用到CSS的calc函数

.fix {
  position: fixed;
  top: 20px;
  width: calc(100%-20px);

}

然而宽度设置不生效，经过查阅资料后发现，calc需要这么写才行

.fix {
  position: fixed;
  top: 20px;
  width: calc(100% - 20px);

}

也就是说calc()函数中的运算符前后都需要保留一个空格。