css中百分比与像素值进行运算---calc

想要飞翔的小猪

于 2018-09-14 16:24:06 发布

阅读量2.6k

点赞数

分类专栏： html与csss 文章标签：百分比与像素值 css3 css

本文链接：https://blog.csdn.net/dwb123456123456/article/details/82704897

版权

3 篇文章 0 订阅

订阅专栏

.user-content{
    padding: 10px 0 10px 50px;
    width: calc(100% - 50px);  /* 计算宽度，'+'或'-'符号前后有空格 */
    height: 18px;

background:blue

}

css中使用calc可以进行简单的运算：

单位可以是百分比，px，rem，em等单位

可以使用"+","-","*","/"运算符（使用"+"或者"-"符号时，符号前后必须加上空格）

在Firefox浏览器上使用要加上-moz前缀

chrome浏览器上使用要加上-webkit前缀

在很多css新属性中为了兼容不同的浏览器都要加上-moz和-webkit前缀

（使用"+"或者"-"符号时，符号前后必须加上空格）

关注

专栏目录