浅析CSS中calc()的使用

发布时间：2016-05-10 16:31:33 作者：佚名

这篇文章主要介绍了浅析CSS中calc()的使用的相关资料,需要的朋友可以参考下

（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

calc()是css3中新出现的特性，可以用于动态计算，非常方便。首先是兼容性

再来看看怎么使用

CSS Code复制内容到剪贴板

html{
font-size: 20px;
}
div{
width: calc(50% - 1px);
height: calc(100px + 1rem);
}

要注意的是，计算符号两边需要留空格。

以上所述是小编给大家介绍了CSS中calc()的使用的相关内容，希望对大家有所帮助！

Tag：css Calc

相关文章

css中的计算函数calc在网站布局中一个示例
这篇文章主要介绍了css中的计算函数calc在网站布局中一个示例的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下
2019-08-12
css height属性中的calc方法详解
大家都知道Calc方法有个很大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度，本文通过一个例子给大家详细介绍，需要的朋友参考下吧
2021-06-03
CSS使用calc()获取当前可视屏幕高度的实现
这篇文章主要介绍了CSS使用calc()获取当前可视屏幕高度的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编
2020-07-14
深入理解CSS中的数学表达式calc()
数学表达式calc()是CSS中的函数，主要用于数学运算。这篇文章给大家介绍了CSS中的数学表达式calc()的相关知识，感兴趣的朋友一起看看吧
2020-01-19
CSS的calc函数用法小结
CSS3新增的函数中有一个非常好用的函数，就是calc()函数，用过的都说好，这篇文章我们来唠一老calc函数，感兴趣的朋友一起看看吧
2022-06-23

最新评论

?