CSS 计算返回 0 但在我的 fiddle 中有效

CSS Calc returning 0 but works in my fiddle

我正在尝试使用 css3 计算器,但它 returns 0%.

width: calc(100% - 100px);

在我的本地机器上使用它然后检查它显示的元素:

width: calc(0%);

当我把它放在 fiddle 中时,它似乎在工作。

有效的部分是蓝色内容 div 是侧边栏旁边的适当宽度,而在我的本地内容 div 中宽度为 0%。它显示 div 中的内容,但不显示蓝色背景。

Fiddle

calc 返回 0 有什么原因吗?我正在使用最新版本的 firefox。

我查找了 calc 的替代方法,并且 none 除了 javascript 方法之外适合我的需要。但我想避免这种方法。非常感谢任何帮助。

值得注意的是我使用的是 Less

再过一段时间你就需要逃跑了calc

尝试:width: ~"calc(100% - 100px)";

N.b。在 jsfiddle 上尝试 jsbin。它允许您使用 sass 和更少。