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

.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前缀

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