CSS3中的box-sizing（content-box與border-box）

CSS3中的box-sizing 屬性允許以特定的方式來指定盒模型，有兩種方式：

content-box：標準盒模型，又叫做 W3C盒模型，一般在現代瀏覽器中使用的都是這個盒模型

border-box：怪異盒模型，低版本IE瀏覽器中的盒模型

現代瀏覽器和IE9+默認值是content-box。

語法格式：

box-sizing：content-box | border-box

區別：

content-box：padding和border不被包含在定義的width和height之內。

盒子的實際寬度=設置的width+padding+border

border-box：padding和border被包含在定義的width和height之內。

盒子的實際寬度=設置的width（padding和border不會影響實際寬度）

總結

以上所述是小編給大家介紹的CSS3中的box-sizing（content-box與border-box），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！