将 css calc 与视口单位一起使用

Question

为什么这样做：

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

但事实并非如此：

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

唯一的区别是 + 269。

FF 检查员说 'invalid property value'。

Answer 1

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

calc(10vh * 2) — 这没问题，意思是 "I want twice as many vh as I started with"。

calc(10vh + 2) — 这不对。 "Plus two what: vh? px?".

Using css calc with viewport units