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()函數使用標准的數學運算優先級規則;