盒模型分为 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 盒模型。