Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.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
Javascript更改CSS中的calc属性Chrome中的意外输出_Javascript_Css_Google Chrome_Firefox - Fatal编程技术网

Javascript更改CSS中的calc属性Chrome中的意外输出

Javascript更改CSS中的calc属性Chrome中的意外输出,javascript,css,google-chrome,firefox,Javascript,Css,Google Chrome,Firefox,预期产出: transform: translateX(calc(-100% / 3 * 1)); 铬: transform: translateX(calc(-33.3333333333333%)); 火狐: transform: translateX(calc(-100% / 3 * 1)); 片段: document.getElementById'block'.style.transform='translateXcalc-100%/3*1' 挡块{ 宽度:200px; 高度:20

预期产出:

transform: translateX(calc(-100% / 3 * 1));
铬:

transform: translateX(calc(-33.3333333333333%));
火狐:

transform: translateX(calc(-100% / 3 * 1));
片段:

document.getElementById'block'.style.transform='translateXcalc-100%/3*1' 挡块{ 宽度:200px; 高度:200px; 背景:红色; }
通常,calc用于添加像素或ems和百分比。如果你的结果是一个百分比,为什么还要使用calc呢?@plondon说得有道理。对于像calc50%-10em+17px这样的实际计算,也会发生同样的情况吗?