简述盒模型

158 阅读1分钟

IE盒模型和W3C盒模型

  • 文档中的每一个元素被描述为一个盒子。
  • 盒子有四个边界: 外边距margin,边框border,内边距padding,内容区content
  • CSS3中有一个box-sizing属性可以控制盒子的计算方式
  • content-box: padding和border不被包含在定义的width和height之内,盒子的实际宽度等于设置width、border、padding之和
  • border-box: padding和border被包含在定义的width和height之内,盒子的实际宽度等于设置的width值