问题中的问题是由于减法运算符周围空间不足而引起的。

请注意，语法在二进制’+’和’-‘运算符周围需要空格。’*’和’/’运算符不需要空格。

我推测这是为了弄清楚运算符和带符号的数字之间的区别。

差： 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()无供应商前缀。