CSS calc() 函式
示例
使用 calc() 計算 <div> 元素的寬度
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
自己動手試一試 »
定義和用法
calc() 函式執行一個計算，該計算將用作屬性值。
| 版本 | CSS3 |
|---|
瀏覽器支援
表中數字表示該函式完全支援的第一個瀏覽器版本。
後面帶有 -webkit-、-moz- 或 -o- 的數字表示支援該屬性的第一個版本（帶字首）。
| 函式 | |||||
|---|---|---|---|---|---|
| calc() | 26.0 19.0 -webkit- |
9.0 | 16.0 4.0 -moz- |
7.0 6.0 -webkit- |
15.0 |
CSS 語法
calc(表示式)
| 值 | 描述 |
|---|---|
| expression | 必需。一個數學表示式。結果將被用作值。 可以使用以下運算子： + - * / |
