CSS,讓100%的寬度,自動減10,讓100%的高度,自動減10,能夠加減乘除

CSS,讓100%的寬度,自動減10,讓100%的高度,自動減10,能夠加減乘除函數

實例:spa

.add{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.main{
    width: calc(100% - 10px - 10px);
    height: calc(500px - 10px -50px);
}

注意,減號,左右必須打空格,不然不生效。code

calc用於動態計算長度值。

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

相關文章
相關標籤/搜索