如何在另一个函数中使用 calc()

Question

是否可以在 transform 或 translate 等 CSS 函数中使用 calc()？ 我似乎无法让它工作。这是一个演示，你们可以玩一下：

http://jsfiddle.net/qdJwY/1/

Answer 1

您可以在任何可以在 CSS 中使用基于长度的值的地方使用 calc()。您提供的示例确实有效，但实际上加起来为 0。这是一个稍作改动的演示来说明：http://jsfiddle.net/joshnh/6ydR3/

另外，请确保最后列出无前缀版本。

在转换中的 calc() 函数中将百分比与其他值类型混合似乎在 Chrome 中根本不起作用。我会将此报告为错误。

更新：这已在此处报告为错误：https://code.google.com/p/chromium/issues/detail?id=150054

Answer 2

有效：http://jsfiddle.net/qdJwY/2/

（编辑：仅在 Firefox 中测试）

在你的例子中恰好100% = 200px，所以你翻译为零。