盒子大小的計算方式是什么？CSS樣式

改變盒子大小的計算方式 box-sizing

基本語法

width：值

height：值

box-sizing：content-box|border-box；

語法說明

content-box：標準模式下的盒子模型。padding、border和margin不被包含在定義的寬高之內(nèi)，此時設(shè)定的width僅指內(nèi)容的寬度，height亦類似。

border-box：怪異模式下的盒子模型。padding和border被包含在定義的width和height之內(nèi)，此時設(shè)定的width指“內(nèi)容+border+padding”，height類似。很多舊式瀏覽器，默認的盒子大小計算模式就是如此。