CSS盒模型

一、什么是CSS盒模型

盒模型也叫框模型，是包围每个HTML元素的框，它包括：外边距、边框、内边距以及实际的内容。

二、盒模型分类

• W3C 盒子模型（标准盒模型）
  width=content的宽
  height = content的高
  
• IE 盒模型(怪异盒模型)
  width = content + padding + border
  height = content + padding + border
  

三、CSS设置盒模型

可在线看一下实际效果

标准盒模型（默认）：

box-sizing: content-box;

IE 盒模型：

box-sizing: border-box;

继承父元素的 box-sizing 属性：

box-sizing: inherit;