盒子模型

• 标准盒子模型
  W3C标准，大多数浏览器使用。
  一个块宽度 = width + padding + border + margin

• 怪异盒子模型
  IE内核的浏览器使用。
  一个块宽度 = width + margin

TIP

怪异模式width = 标准模式width + border + padding

兼容 CSS3 box-sizing

• 可以通过判断浏览器类型来进行box-sizing设置，从而实现兼容

box-sizing: content-box; 使用标准模式的盒子模型
box-sizing: border-box; 使用怪异模式的盒子模型
box-sizing: inherit; 允许从父元素继承