问题中的问题是由于减法运算符周围空间不足而引起的。
请注意，语法在二进制’+’和’-‘运算符周围需要空格。’*’和’/’运算符不需要空格。
我推测这是为了弄清楚运算符和带符号的数字之间的区别。
差：
calc(100%-88px)
好：
calc(100% - 88px)
我怎么知道它无法识别？由于chrome开发工具中样式规则旁边的删除线和黄色三角形图标。
这是一个属性 袭击 在Chrome的开发者工具查看时可能是有效的，但在重载; 但是，穿过属性 并 在其旁边带有警告三角形图标的属性无效。
其他注意事项
- Chrome已经支持
calc()
了相当长的一段时间（在OSX和Windows上已确认）。 - Chrome 可能不支持其中的视口单位，例如vh / vw
calc()
。截至2014年末，有实施此功能的活动，但相关的bug仍未解决。 - 在我的测试，Safari浏览器将支持
calc()
与-webkit
上OSX但不是的Windows供应商前缀。 - IE9 +支持
calc()
没有供应商前缀。 - FF支持
calc()
无供应商前缀。
