浅析CSS中calc

浅析CSS中calc()的使用

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

首先是兼容性

再来看看怎么使用

CSS Code复制内容到剪贴板

1. html{   
2.     font-size: 20px;   
3. }   
4. div{   
5.     width: calc(50% - 1px);   
6.     height: calc(100px + 1rem);   
7. }   

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

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