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

Question

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

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

Answer 1

您可以calc()在任何可以在 CSS 中使用基于长度的值的地方使用。您提供的示例确实有效，但实际上加起来为 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，因此您将其翻译为零。