CSS calc() 函数详解：动态计算元素宽度

CSS 的 calc() 函数可以用于计算元素的宽度，它可以对长度、百分比和数字进行四则运算，其中长度和百分比可以混合使用。以下是一些示例：

1. 将元素宽度设置为页面宽度的一半：

width: calc(50% - 10px); // 减去 10 像素的边距

2. 将元素宽度设置为固定宽度和页面宽度之间的差：

width: calc(100% - 200px); // 减去 200 像素的固定宽度

3. 将元素宽度设置为两个元素宽度之和：

width: calc(50% + 100px + 20%); // 加上 100 像素和 20% 的宽度

请注意，calc() 函数必须放置在属性值的任何地方，并且必须使用括号将表达式括起来。此外，不支持所有浏览器，所以在使用时应该考虑浏览器兼容性。