什么是盒模型

---

• 定义: 所有元素都可以看作是一个“盒子”
• 组成
  • content
  • padding
  • border
  • margin
• 类型
  • 标准盒模型
    • 默认：所有元素默认都是标准盒模型
    • 宽高组成：只包含 content
    • 设置：通过 box-sizing: content-box 设置
  • 怪异盒模型
    • 宽高组成：包括 content、padding、border
    • 设置：通过 box-sizing: border-box 设置