如何理解盒子模型

每个 HTML 元素都是一个盒子，这个盒子中可能又会包裹着其他的盒子，这就是盒子模型

盒子模型分为 【标准盒模型】与【IE 盒模型】

• 标准盒模型:
  • 外边距 + 边框 + 内边距 + 内容(宽高) ;
• IE 盒模型:
  • 外边距+内容(宽高+内边距+ 边框) ;
• 设置盒子模型的方式:
  • Box-sizing:content-box 设置标注盒模型 默认 ;
  • Box-sizing:border-box 设置 IE 盒模型 ;