为什么CSS计算（100%-250px）不起作用？

我已经在最新版本的Firefox、Chrome、IE11上测试过了。在这些浏览器中，当您使用CSS

calc（）

函数来计算例如

width

时，它都不起作用。据我所知，我已经正确地运用了它。作为参考，您可能需要检查

为什么这不起作用

div{
背景颜色：蓝色；
高度：50px；
宽度：钙（100%-250px）；
}

---

这是因为您必须在

+

或

-

运算符之间放置一个空格，以使其正常工作

div{
背景颜色：蓝色；
高度：50px；
宽度：钙（100%-250px）；
}

---

您能分享一下为什么要包含空间吗？这是正确的表达式吗？或者为什么它不在没有空间的情况下计算？这就解决了它！我复查过的所有文件都没有发现值得注意的地方，这不是很奇怪吗？在@ManojKumar上提到过，我已经更新了这个问题，这样对其他人更有用。另外，我还包括了来自MDN的解释。非常好的答案，格式也非常好，包含了所有相关信息，尽管如此简短而准确！是的，经过几次编辑后，它被证明是重复的（最初我假设它在JSFIDLE和codepen这样的在线代码编辑器上不起作用），但这一个有一个更好的格式答案。我不同意另一个应该被标记为重复的，因为，真的，这个问题应该通过搜索来回答。它已经被回答了很多次：| | Ofc我首先搜索了，但我的搜索包括“代码笔”和“片段”，就像我最初的问题标题一样，它没有返回合适的结果。。这就是它的发展过程（已经在前面的评论中解释过了）。好的，我明白你的观点。不过出于好奇，是什么让你认为这些地方确实发生了这样的事情？我试图帮助其他人解决一个不同的问题，所以我在片段中使用了它，但它没有起作用。所以我先签入Codepen，然后签入JSFiddle，但没有成功。这就是我所试过的，这对我来说已经足够了。