盒模型

IE盒子模型和标准盒子模型都是由四个部分组成的:margin,border,padding,content这四个部分!!! 
在标准盒子模型中content是一个独立的! 
在IE盒子模型中content包含了border,padding,是一个整体

盒模型 
盒模型

box-sizing: content-box(W3C盒子模型):元素的宽高大小表现为内容的大小。 box-sizing: border-box(IE盒子模型):元素的宽高表现为内容 + 内边距 + 边框的大小。背景会延伸到边框的外沿。

IE5.x和IE6在怪异模式中使用非标准的盒子模型,这些浏览器的width属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。