css中盒子模型？

CSS3中的盒模型有以下两种：标准盒模型、IE盒模型

标准盒模型

IE盒模型

盒模型都是由四部分组成，分别是margin、border、padding和content

• margin：即外边距，在元素外创建额外的空白，空白通常指不能放其他元素的区域
• border：即边框，围绕元素内容的内边距的一条或多条线，由粗细、样式、颜色三部分组成
• padding：即内边距，清除内容周围的区域，内边距是透明的，取值不能为负值，受盒子的background属性影响
• content：即实际内容，显示文本和图像 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同：
• 标准盒模型的width和height属性范围只包含了content，
• IE盒模型的width和height的属性范围包含了border、padding和content

可以通过修改元素的box-sizing属性来改变元素的盒子模型

• box-sizing：content-box表示标准盒模型（默认值）
• box-sizing：border-box表示IE盒模型（怪异盒模型）