weixin_47045184的博客

原创 w3c盒子和ie盒子介绍以及区别

1.盒子模型 标准模型由四部分组成： Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 W3C标准盒子模型box-sizing : content-box 盒子实际内容（content）的width/height=设置的width/height 盒子总宽度/高度=width/height+padding+borde