浅析CSS中calc()的使用
发布时间:2016-05-10 16:31:33 作者:佚名 我要评论
这篇文章主要介绍了浅析CSS中calc()的使用的相关资料,需要的朋友可以参考下
calc()是css3中新出现的特性,可以用于动态计算,非常方便。首先是兼容性
再来看看怎么使用
CSS Code复制内容到剪贴板
- html{
- font-size: 20px;
- }
- div{
- width: calc(50% - 1px);
- height: calc(100px + 1rem);
- }
要注意的是,计算符号两边需要留空格。
以上所述是小编给大家介绍了CSS中calc()的使用的相关内容,希望对大家有所帮助!
相关文章
- 这篇文章主要介绍了css中的计算函数calc在网站布局中一个示例的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下2019-08-12
- 大家都知道Calc方法有个很大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度,本文通过一个例子给大家详细介绍,需要的朋友参考下吧2021-06-03
- 这篇文章主要介绍了CSS使用calc()获取当前可视屏幕高度的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编2020-07-14
- 数学表达式calc()是CSS中的函数,主要用于数学运算。这篇文章给大家介绍了CSS中的数学表达式calc()的相关知识,感兴趣的朋友一起看看吧2020-01-19
- CSS3新增的函数中有一个非常好用的函数,就是calc()函数,用过的都说好,这篇文章我们来唠一老calc函数,感兴趣的朋友一起看看吧2022-06-23
最新评论