適合佈局的CSS calc()計算樣式

#div1 { position: absolute;

left: 50px;

width: calc(100% - 100px);

border: 1px solid black;

background-color: yellow;

padding: 5px;

text-align: center; }

 

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

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