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这样的实际计算,也会发生同样的情况吗?