HTML – CSS Calc返回0但在我的小提琴中工作

概述我试图使用 css3 calc,但它返回0％. width: calc(100% - 100px); 在我的本地机器上使用它,然后检查它显示的元素： width: calc(0%); 当我把它放在一个小提琴中时,它似乎正在起作用. 正在工作的部分是蓝色内容div是侧边栏旁边的正确宽度,而在我的本地,内容div的宽度为0％.它显示div中的内容,但不显示蓝色的背景颜色. Fiddle 有什么理由计算 我试图使用 css3 calc,但它返回0％.

wIDth: calc(100% - 100px);

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

wIDth: calc(0%);

当我把它放在一个小提琴中时,它似乎正在起作用.

正在工作的部分是蓝色内容div是侧边栏旁边的正确宽度,而在我的本地,内容div的宽度为0％.它显示div中的内容,但不显示蓝色的背景颜色.

Fiddle

有什么理由计算会返回0吗？我使用的是最新版本的firefox.

我已经查找了calc的替代方案,除了JavaScript之外,没有其他方法适合我的需求.但我想避免这种方法.任何帮助是极大的赞赏.

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

解决方法 在更少的时候你需要逃避计算

尝试：宽度：〜“calc(100％ – 100px)”;

注：尝试jsbin而不是Jsfiddle.它可以让你使用sass更少.

总结

以上是内存溢出为你收集整理的HTML – CSS Calc返回0但在我的小提琴中工作全部内容，希望文章能够帮你解决HTML – CSS Calc返回0但在我的小提琴中工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。