例
使用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 | 16.0 4.0 -moz- | 7 6.0 -webkit- | 15.0 |
CSS語法
calc( expression )
值 | 描述 |
---|---|
expression | 需要。 一個數學表達式。 結果將被用作值。 以下運算符可以使用:+ - * / |
<CSS函數參考