CSS,让100%的宽度,自动减10,让100%的高度,自动减10,能够加减乘除

CSS,让100%的宽度,自动减10,让100%的高度,自动减10,能够加减乘除函数

实例:spa

.add{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.main{
    width: calc(100% - 10px - 10px);
    height: calc(500px - 10px -50px);
}

注意,减号,左右必须打空格,不然不生效。code

calc用于动态计算长度值。

须要注意的是,运算符先后都须要保留一个空格,例如:width: calc(100% - 10px);
任何长度值均可以使用calc()函数进行计算;
calc()函数支持 "+", "-", "*", "/" 运算;
calc()函数使用标准的数学运算优先级规则;blog

相关文章
相关标签/搜索