记录一次在css 中使用calc遇到的坑

css3 calc()方法 大坑

运算符前后要加空格("*" 和 “/” 时,其前后可以没有空格,但建议保留)
在这里插入图片描述
在使用scroll 时 想要把顶部的内容保留一部分,在这里用计算,但是怎么都没有效果,结果自己蠢哭了,一定要记录一下,花了好久好久才看出来~wuwuwu。

“-”号前面和后面一定要加空格,加空格 加空格
在这里插入图片描述
加了空格就有效果了

顺便总结一下calc()

可以使用百分比、px、em、rem等单位运算,可以混合使用各种单位进行运算。

猜你喜欢

转载自blog.csdn.net/liujiango/article/details/107147571