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盒模型。
网友评论