css height屬性中的calc方法

例如父盒子是100%的高度

盒子里面的head部分固定位140px

內容部分始終為剩余的全部高度

height: calc(100% - 140px);    "+或-"兩邊要有空格 不然不生效

 

 

父盒子
.pushQueryPanelContainer{
  height: 100%;
}


內容部分
.pushQueryPanelContainer .queryTable{
  height: calc(100% - 55px);
  margin-left: 10px;
  margin-right: 10px;
}

calc() 函數用於動態計算長度值。

• 需要注意的是，運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)；
• 任何長度值都可以使用calc()函數進行計算；
• calc()函數支持 "+", "-", "*", "/" 運算；
• calc()函數使用標准的數學運算優先級規則；

支持版本：CSS3

語法

　　calc(expression)

值	描述
expression	必須，一個數學表達式，結果將采用運算后的返回值。