calc

最新推荐文章于 2025-03-07 09:00:00 发布

依欣依意127

最新推荐文章于 2025-03-07 09:00:00 发布

阅读量377

点赞数

CC 4.0 BY-SA版权

分类专栏：经验总结文章标签： calc

本文链接：https://blog.youkuaiyun.com/Linjing127218/article/details/79027406

17 篇文章

订阅专栏

本文探讨了CSS中calc()函数的实际应用与注意事项。通过示例说明如何利用该函数进行长度单位的计算，如百分比、em、px和rem等，并强调了在使用运算符时需注意留出空格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在开发项目的时候，突然发现个问题，calc在谷歌不起作用，原本以为是谷歌的兼容问题，检查下，兼容写了，可还是不起作用，原来

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。