盒子大小的計(jì)算方式是什么？CSS樣式

改變盒子大小的計(jì)算方式 box-sizing

基本語(yǔ)法

width：值

height：值

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

語(yǔ)法說(shuō)明

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

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