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

寻技术 Html/CSS 2023年07月11日 129

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

实例:

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

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

calc用于动态计算长度值。

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

关闭

用微信“扫一扫”