CSS3 calc 함수가 적용되지 않습니다

cacl이 적용되지 않는 경우에는 두 가지 가능성이 있습니다.

  1. '+', '-' 사용 시에는 '+', '-' 전후에 공백을 사용해야 하며, '*'와 '/'에는 공백이 필요하지 않습니다.
//错误用法
width: calc(100vh+154px);

//正确用法
 width: calc(100vh + 154px);
  1. less를 사용하는 경우 ''~'를 추가해야 합니다. 예를 들면 다음과 같습니다.
 width: calc(~'100vh + 154px');

Guess you like

Origin blog.csdn.net/qq_37617413/article/details/121255546