Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在另一个函数中使用calc()_Css_Transform_Css Calc - Fatal编程技术网

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

Css 如何在另一个函数中使用calc(),css,transform,css-calc,Css,Transform,Css Calc,是否可以在CSS函数中使用calc(),如transform或translate? 我似乎无法让它工作。这是一个演示,你们可以在这里玩: 它的工作原理是: (编辑:仅在Firefox中测试) 在您的示例中,100%=200px,因此您可以将其转换为零。您可以在CSS中使用基于长度的值的任何地方使用calc()。您提供的示例确实有效,但实际上总计为0。下面是一个稍作修改的演示,以说明: 此外,请确保最后列出未修复的版本 在Chrome中,在转换中将百分比与calc()函数中的其他值类型混合似乎根本

是否可以在CSS函数中使用
calc()
,如
transform
translate
? 我似乎无法让它工作。这是一个演示,你们可以在这里玩:

它的工作原理是:

(编辑:仅在Firefox中测试)

在您的示例中,
100%=200px
,因此您可以将其转换为零。

您可以在CSS中使用基于长度的值的任何地方使用
calc()
。您提供的示例确实有效,但实际上总计为0。下面是一个稍作修改的演示,以说明:

此外,请确保最后列出未修复的版本

在Chrome中,在转换中将百分比与calc()函数中的其他值类型混合似乎根本不起作用。我会把这当作一个bug报告


更新:这里有报道称这是一个错误:

我认为翻译不占百分比。如果你使用像素而不是百分比,它确实可以工作,但我想那将无法达到目的。是的,但谢谢你的努力:)不,在最新的opera和ChromeDeesn中也不工作:(.我想这还不是一个合适的解决方案…谢谢你的回答:)有更新吗?