问题标签 [css-calc]

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

因为如果我像上面那样做，它的行为与我这样做不同：

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

• 将浏览器的窗口 < 1200px 和 > 1000px
• 分析#gallery_thumb 元素

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

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

Right Now I'm trying to do this in CSS3 in my LESS code:

However, when LESS compiles it is outputting this:

Is there a way to tell LESS not to compile it in that manner and to output it normally?

我正在尝试calc()在 Sass 样式表中使用该函数，但遇到了一些问题。这是我的代码：

如果我使用文字50px而不是我的body_padding变量，我会得到我想要的。但是，当我切换到变量时，这是输出：

如何让 Sass 认识到它需要替换calc函数中的变量？

我有以下CSS：

当我通过 W3C CSS 验证运行它时，我得到

值错误：宽度解析错误 + 2 * 4rem)
值错误：边距解析错误 - 2px) 0

这是什么原因造成的？我使用的所有单位calc()都是长度单位，calc()应该能够处理它。

我有calc()几次使用 CSS3 的这个 html 页面。除了最后两个之外，它们都可以工作。这有效：

但这不起作用：

但是，如果我从中删除“ - 60px”，那么它就可以了。

这是我的完整代码：

我刚刚注意到一个看起来像这样的 CSS 规则

现在我知道 -moz-calc，但为什么这是一个字符串，'~' 的含义是什么？

我有一个带有页眉、菜单、包装器和页脚的网页。我试图通过设置除包装器之外的所有组件的高度，然后使用 calc 确定所述包装器的最小高度来使页脚具有粘性。浏览器在检查元素中选择了 calc 函数，但是当我检查包装器的高度时，它总是 100% 而不是 100% - 545px，我不知道为什么。我已经在 Firefox 和 chrome 以及不同尺寸的显示器上对其进行了测试，但没有任何乐趣。有什么我做错了吗？

jsfiddle

非常感谢您提供的任何帮助。

将 calc 应用于包含 div 的宽度会停止 jQuery dotdotdot 插件的工作。

这是小提琴。

有人可以帮助找到修复或解决方法吗？

我想知道我是否可以将 calc() 函数与 attr() 函数结合起来以实现类似以下的效果：

CSS

草案说它应该工作，但在我的情况下（Chrome 31.0.1650.63 m 和 Firefox 25.0.1）它没有。那么有两种情况：

1. 我做错了
2. 尚不支持

这是怎么回事？

示例小提琴

希望这很简单。我想使用 CSS calc 操作来执行两个计算：

我想将我的宽度设置为相当于

但是，如果我尝试在 CSS calc 操作中执行多个操作，则会失败：

如何在一个 CSS 语句中执行多个计算操作？