本文介绍了CSS calc()函数的用法，通过数学表达式实现动态计算元素的宽度和高度，例如设置元素宽度为容器的一半或加上固定像素值。示例包括宽度为50%，减去或增加像素值，以及乘除运算的应用。
今天来讲一个灵活控制标签长度的方法calc()。
calc()语法规则：
calc(expression)，expression是一个数学表达式。
举个栗子：
首先，显示一个宽度只有50%的div
1，-
width: calc(100% - 100px); 宽度100%的基础上，两边各削减50px
2，+
width: calc(100% + 100px); 宽度100%的基础上，两边各加宽50px
3，*
width: calc(50% * 2); 宽度50%的基础上乘以2，即100%（高度有变化是因为我在别处做了调整，懒得改图了）
最低0.47元/天 解锁文章
1475
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
