css中calc()的使用

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

首先是兼容性

再来看看怎么使用

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

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

非常的简单易用。