css3的calc()函数的坑,可能导致calc()函数不生效的原因

1.常用的长度值几乎都可以使用calc()函数进行计算(包括%,px等),calc()函数支持 "+", "-", "*", "/" 运算,运算符前后必须空格隔开,否则不生效;

2.calc()函数在less中不能使用不生效(less的运算方式和calc发送了冲突),比如calc(100% - 250px )会被编译为calc(-150% ),解决办法将函数写为calc(~"100% - 250px")

posted @ 2020-09-22 16:38  静享华年  阅读(1722)  评论(0编辑  收藏  举报