CSS calc() 减去负值答案

【问题标题】：CSS calc() subtract negative valueCSS calc() 减去负值
【发布时间】：2013-07-20 21:14:07
【问题描述】：

可以像这样减去一个负数吗？

width: calc(35% - -20px);

因为如果我按照上述方式进行操作，它的行为会与我这样做不同：

width: calc(35% + 20px);

在这里您可以看到不同之处： http://nightly.gamempire.it/

其实你看到它有：calc(35% - -20px) 如果您更改为 calc(35% + 20px)，它会中断（#gallery_thumb 将低于 #gallery_img）。

这是为什么？不能减去负数吗？

【问题讨论】：

这两种说法不一样吗？ -- == +
似乎没有：我在问题中添加了更多信息以帮助调试。
@OscarFanelli 如果我在jsfiddle.net/aksyx/1 上尝试这个，两者看起来都一样
使用calc(35% + 20px)（+ 符号后有空格）似乎与calc(35% - -20px)（Firefox 22，Chrome 28）完全一样。你确定没有测试过calc(35% +20px)（没有空格），好像无效？
太棒了，我的编辑器添加了一个未被识别为空格的空格（在“35% + 20px”中，因此被识别为“35% +20px”）..谢谢！ :)

【解决方案1】：

calc() 是一种原生 CSS 方法，可以直接在 CSS 中进行简单的数学运算，以替代任何长度值（或几乎任何数值）。它有四个简单的数学运算符：add (+)、减法(-)、乘法(*) 和除法(/)。

【讨论】：