css计算-----calc踩坑指南

描述:项目即将发版,在流水线的时候一直显示报错,找了很久,没有找到原因,最后发现是css在报错。

原因:css计算,calc函数书写问题造成的报错。

width:calc(100% - 50px); //使用运算的时候,必须保证符号前后要有空格

使用注意事项:

  1. 加法和减法的运算符号两边必须有空格,比如:calc(100vh - 84px);
  2. 乘法:两个值之间必须有一个为数字;
  3. 除法:左边必须为数字.

你可能感兴趣的:(css,前端,javascript)