那些年踩过的calc()的坑

一、+\-符号之间一定要写空格

width: calc(100%-50px); // 失效
width: calc(100% - 50px); // 正确的写法

二、在less中的写法问题

calc是css3中增加的一个自动计算长度的方法,而在less中,less的运算方式会和calc发送冲突。可以写成:

width: calc(~'100 - 60px');

猜你喜欢

转载自blog.csdn.net/DZY_12/article/details/107642373