介绍一下标准的css盒子模型?低版本的IE的盒子模型有什么不同的?

1、有两种盒子模型:IE盒子模型(border-box)和W3C标准盒模型(content-box)。

盒模型组成:内容(content)、填充(padding),边框(border),边界(margin)四个部分。

IE盒模型和W3盒模型的区别:

(1)IE盒模型的width包含:content+border+padding

(2)W3C盒模型的width只包含:content

在ie8+已上的浏览器的浏览器默认是标准盒模型,可以通过css3 的新特性box-sizing改变其属性。

如果在ie6,7,8中确实DOCTYPE会将其解释为IE盒子模型;若在页面中添加DOCTYPE类型,则浏览器会盒子模型解释为W3C盒模型

你可能感兴趣的:(介绍一下标准的css盒子模型?低版本的IE的盒子模型有什么不同的?)