我們在寫前端頁面的時候，會遇到這樣的情況，就是一個div設置寬度100%，設置左右邊距10像素，這樣的布局，在里面嵌套的div的寬度設置100%，這樣寫的話，里面的寬度是和外面的寬度一致的，同樣是100%的寬度。
而我們想要的就是里面的寬度是100%-20的寬度，很多時候我們會用JS來做，其實我們可以用css來做。
width: calc(100% - 20px);
CSS calc() 函數 ：calc() 函數用於動態計算長度值。
● 需要注意的是，運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)；
● 任何長度值都可以使用calc()函數進行計算；
● calc()函數支持 "+", "-", "*", "/" 運算；
● calc()函數使用標准的數學運算優先級規則；