Loading... ## calc 使用 calc() 函数计算 <div> 元素的宽度: ```css #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; padding: 5px; text-align: center; } ``` ## 定义与用法 calc() 函数用于动态计算长度值。 * 需要注意的是,运算符前后都需要保留一个空格,例如:`width: calc(100% - 10px)`; * 任何长度值都可以使用calc()函数进行计算; * calc()函数支持 "+", "-", "*", "/" 运算; * calc()函数使用标准的数学运算优先级规则; 支持版本:CSS3 ```css /*var的使用*/ body{ --h100:100px; height:var(--h); --color: red; color: var(--bg,pink); /* var()函数的第二个参数默认值 */ } ``` ## CSS 语法 ``` var(custom-property-name, value) ``` | 值 | 描述 | | ------------------------ | ------------------------------------------ | | *custom-property-name* | 必需。自定义属性的名称,必需以 -- 开头。 | | *value* | 可选。备用值,在属性不存在的时候使用。 | * 引用外部几个文章 * [calc var的使用示例](https://blog.csdn.net/muzidigbig/article/details/89917424) * [菜鸟教程](https://www.runoob.com/cssref/css-functions.html) 最后修改:2021 年 06 月 28 日 © 允许规范转载 打赏 赞赏作者 微信 赞 0 如果觉得我的文章对你有用,请随意赞赏
此处评论已关闭