CSS中可通過函數 calc() 動態計算長度,如:
// 設置寬度爲:父元素寬度 - 10px
width: calc(100% - 10px);
但是在less中這樣寫有問題,會自動處理成:
width: calc(90%);
因爲less中本身支持 “-” 操作,會自動推斷並轉換數值單位=。=,可用如下寫法:
width: calc(~"100% - 10px");
calc和變量混合寫法:
height: calc(~"100% - 30px" - @collapse-height);
Tips: calc() 中運算符兩邊要有空格,否則無效。