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


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

實例:

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

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

calc用於動態計算長度值。

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM