CSS两种盒子模型

CSS的两种盒子模型

两种常用的盒子模型

主要的区别是内容content width和height分别是由什么组成的

1.W3C盒子模型

在标准的盒子模型中,width指content部分的宽度

在CSS中对应 box-sizing: content-box 是W3C盒子模型

CSS两种盒子模型

2.IE盒子模型

在IE盒子模型中,width表示content+padding+border这三个部分的宽度

在CSS中对应 box-sizing: border-box 是IE盒子模型

CSS两种盒子模型