加减等运算符前后必须加空格
表现负数:
方式一:calc(-1 * 25px - -1 * 5px);
使用-1 * 来实现
方式二:calc(0px - (25px + 5px)));
使用0px - 来实现
calc中带变量:使用方式相同
calc(-1 * var(--circleWidth) - -1 * var(--gap));
calc(0px - (var(--circleWidth) + var(--gap)));
代码示例:
.jf-switch-checked{
left: 100%;
margin-left: calc(-1 * var(--circleWidth) + -1 * var(--gap));
/* calc(0px - (var(--circleWidth) + var(--gap))) */
}
最后
以上就是怕孤单小兔子最近收集整理的关于css calc使用总结的全部内容，更多相关css内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复