关于盒模型

这个盒模型中除了我们设置的内容（content），还有margin（外边距）、border（边框）、padding（内边框）

• margin(外边距) - 清除边框外的区域，外边距是透明的。
• border(边框) - 围绕在内边距和内容外的边框。
• padding(内边距) - 清除内容周围的区域，内边距是透明的。
• content(内容) - 盒子的内容，显示文本和图像。

盒模型分为标准盒模型和IE盒模型

• 标准盒模型：width=content；
  
• IE盒模型：width=content + padding + border；
  
  默认的是W3C盒子模型，若想切换成IE盒模型需要将box-sizing属性值改成border-box；
• box-sizing: content-box 是W3C盒子模型
• box-sizing: border-box 是IE盒子模型
• box-sizing的默认属性是content-box