问题标签 [css-calc]

如何在另一个 CSS calc 函数中使用 CSS calc 函数？根据这篇文章，这是可能的，但没有这样的例子。

我有一个较少的类作为一个函数。我使用 calc() 设置比例值，它适用于 chrome 但不适用于 Firefox。这是我的课：

我想对变换属性进行计算。是否可以为此使用calc功能？

就像是：

但对于变换

（当然上面没有功能）

我们现在已经开始calc()在 css 中使用，用于设置计算结果的宽度。例如：

我知道如何calc()工作，但我只想知道 css 中返回的内容，而不是calc(100% - 3px);上面给出的示例。

我的困惑是什么？

• 在上面的例子中width:calc(100% - 3px);

• 说100%宽度实际上是100px，这将在运行时由 css 确定。

• 所以计算出的宽度将是100px-3px=97px97px 如果你把它转换成% 97%正确的？

但是现在有两种可能

• 97px返回，设置为宽度。

• 97%返回，设置为宽度。

我的问题是：

在这两种情况下，现在宽度都应设置为97px，但返回的结果是什么width:calc(100% - 3px);，97px或者97%？

你也可以看到这个小提琴：http: //jsfiddle.net/8yspnuuw/1/

编辑：请阅读

见朋友：举个简单的例子：

我知道孩子的宽度在渲染时会变成 160 px。好的！但这不是css中设置的内容吗？css 将其设置为 %，它只是以像素为单位呈现。

所以类似地，使用 calc，它是返回%还是pixel

或者解释我的问题，阅读BoltClocks 答案，计算值是什么，（而不是使用值，我知道它以像素为单位）

我有一个具有自动宽度和左右边距的容器：

而在这个容器中不同的元素。有些元素应该是页面的 100%（没有边距），为此我使用 calc()：

但看起来 Safari（Windows 8 上的 5.1.7）无法处理这个问题。在 Web Inspector 中，我看到黄色感叹号，它不采用宽度规则：

那么，是否有解决此问题的方法，或者我可以让 Safari 以某种方式与 calc 一起正常工作？

有没有办法在@supports(propertyName, value)中使用calc 函数？我的意思是 where仅适用于 calc 函数。<supports_condition>

是否可以使用 calc() 乘以或除以基于单位的值（如 100%、5px 等）。

例如，我希望做这样的事情：

希望它可以解决（假设 100% = 500px）：

然而，经过一些试验，看起来我不能将基于单位的值作为除法的分母。

我似乎也无法像5px * 10pxor一样将两个值组合在一起5px * 100%。

我知道在 100% 的情况下允许这样做是没有意义的，但在我的用例中，我想知道 120px 占总宽度的百分比，然后我将其输入到我的其余部分计算。

要么，或者如果有人能想出一种不同的方式来写它，那也行。我绞尽脑汁，什么也想不出来。

我正在处理 3 列 div。Left 和 Mid 列在包装器内具有固定宽度（分别为 57px 和 160px），宽度为 1005px。

问题是右列应该是流体宽度，并将覆盖所有剩余空间。我试过使用width: (calc 100% - 217px);，但它不工作。

我有这个代码供你参考。我需要你的帮助来指出问题所在。

http://jsfiddle.net/8weSA/1434/

我有一个 3 列布局，应该填满整个屏幕，所以在我使用的列上：

比如说我的屏幕是 782px 宽：

782 / 3 = 260.66̅

但是我遇到的问题是在 Internet Explorer 中，它将像素四舍五入到小数点后两位（260.67）

260.67 * 3 = 782.01

所以在某些宽度下，我失去了 1/3 的页面，因为它包裹在下面。

这是一个例子：

有谁知道解决这个问题的优雅方法？

我知道我可以使用width: 33.33%，但是我内心的一小部分知道它不是 100% 砰的一声就哭了。

我尝试calc()使用 jQuery animate 设置 CSS，例如：

我注意到这calc()不适用于 jQuery animate ...

我希望有办法做到这一点，我不想要类似的方法，替代方案或解决方法，我想设置 calc()

这是不可能的吗？以任何方式？

如果可能的话，请你能告诉我怎么做吗？