当前位置:Gxlcms > html代码 > css中calc()的使用-天上云好白

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

时间:2021-07-01 10:21:17 帮助过:31人阅读

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

首先是兼容性

再来看看怎么使用

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

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

非常的简单易用。

人气教程排行