Javascript js中的Css calc（）

我需要在一个动态生成的div中混合单元，但这不会呈现ie left，在执行该行后仍然是默认值

谢谢你的帮助

 var tab3 = document.createElement('div');
 tab3.className = 'tab';
 tab3.style.display = 'none';
 tab2.style.left = 'calc(~"200px+40vw")px';

---

您的计算表达式中有几个错误：

calc(~"200px+40vw")px` -> `calc(200px + 40vw)

根据-calc~200px+40vwpx是一个较小的表达式，~。。。用于防止Less处理源样式表文件中的添加操作，但从CSS字符串上下文来看，这是无效语法和不必要的。 在+和-运算符的两侧都需要空白。*和/运算符可以在没有空格的情况下使用。 例如：

var tab3=document.createElement'div'； tab3.className='tab'； tab3.style.left='calc20px+40vw'； document.body.appendtab3； .标签{ 位置：绝对位置； 宽度：20vw； 高度：20vh； 背景：红色；

---

}请单击“编辑”，然后单击[]代码段编辑器并生成一个脚本，您是否确实在DOM中的某个位置注入了tab3？tab2是什么？解释：calc~200px+40vwpx是一个Less表达式，~用于阻止Less处理源样式表文件中的加法操作，但从JS字符串上下文来看，这既是无效语法，也是不必要的。@JohnWeisz-我在答案中添加了我的解释，但我会接受你的评论：另外，+和-运算符的两侧都需要空白。*和/运算符可以在没有空格的情况下使用。值得提醒的是……：