例如父盒子是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 | 必須，一個數學運算式，結果將采用運算后的回傳值， |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285918.html
標籤：Html/Css
上一篇：CSS 奇思妙想 | Single Div 繪圖技巧
下一篇：WEB安全防護相關回應頭（上）