欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css中calc()的使用 - 天上云好白

程序员文章站 2022-04-02 13:17:40
...
calc()是css3中新出现的特性,可以用于动态计算,非常方便。

首先是兼容性

css中calc()的使用 - 天上云好白

再来看看怎么使用

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

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

非常的简单易用。