将css calc与视口单位一起使用[重复]

Question

为什么会这样：

left: calc(50vw - (269 * (100vw  / 1220 ) ) );

但这不是：

left: calc(50vw - (269 * (100vw  / 1220 ) ) + 269 );

唯一的区别是+269。

FF 检查员说“无效的属性值”。

Answer 1

使用calc()时，可以乘除无单位的值，但加减法需要单位。

calc(10vh * 2)——这没关系，意思是“我想要的 vh 数量是我开始时的两倍”。

calc(10vh + 2) — 这不行。 “加上两个什么：vh？px？”。