CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除
生活随笔
收集整理的這篇文章主要介紹了
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用于動態(tài)計算長度值。
需要注意的是,運算符前后都需要保留一個空格,例如:width: calc(100% - 10px);
任何長度值都可以使用calc()函數進行計算;
calc()函數支持 "+", "-", "*", "/" 運算;
calc()函數使用標準的數學運算優(yōu)先級規(guī)則;
轉載于:https://www.cnblogs.com/phpyangbo/p/8412597.html
總結
以上是生活随笔為你收集整理的CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除的全部內容,希望文章能夠幫你解決所遇到的問題。