CSS中使用calc()函数为何失效？

本文共计143个文字，预计阅读时间需要1分钟。

踩坑：CSS设置高度时，以下写法无效：

1.height: calc(100vh - 60%);

2.height: calc(100vh - 60px);

3.height: calc(100vh - +60px);

最终有效的是：使用calc()时，必须加上单位，且运算符左右必须有空格隔开。

踩坑：

1.height:calc(100vh-60); 无效

2.height:calc(100vh-60px); 无效

3.height:calc(100vh - 60px); 终于起效

总结calc()使用：

• 必须加上单位
• 必须在运算符左右用空格隔开