CSS 盒子模型

盒模型分为 IE 盒模型和 W3C 标准盒模型。

IE 盒模型和 W3C 标准盒模型的区别是什么?

W3C 标准盒模型:
属性width,height只包含内容content,不包含border和padding。

IE 盒模型:
属性width,height包含border和padding,指的是content+padding+border。

盒模型的设置

盒模型由 box-sizing 属性控制,默认值为 content-box ,即W3C 标准模型。box-sizing 设为border-box 则是IE 盒模型。

参考文献