如何在另一个函数中使用calc（）

Question

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

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，所以你翻译为零。