Why does this work:
left: calc(50vw - (269 * (100vw / 1220 ) ) );
But this doesn't:
left: calc(50vw - (269 * (100vw / 1220 ) ) + 269 );
The only difference being + 269.
FF inspector says 'invalid property value'.
Asked
Active
Viewed 363 times
1
martin
- 393
- 1
- 6
- 21
-
2You can multiply and divide by unitless values, but addition and subtraction requires units. – Sean Mar 20 '20 at 15:01
-
Thanks, do you want to post that as an answer? – martin Mar 20 '20 at 15:14
-
Sure, will do—one sec – Sean Mar 20 '20 at 15:15
1 Answers
0
When using calc(), you can multiply and divide by unitless values, but addition or subtraction requires units.
calc(10vh * 2) — This is ok, and means "I want twice as many vh as I started with".
calc(10vh + 2) — This isn't ok. "Plus two what: vh? px?".
Sean
- 6,873
- 4
- 21
- 46
-
@oldboy Please ask that as a new question instead of commenting on an unrelated answer. – Sean Aug 29 '21 at 22:23
-
unrelated? isnt your answer (and this question) addressing this exact matter? – oldboy Aug 29 '21 at 22:42
-