前言
在页面的布局中有两种盒模型可以选择，标准盒模型和怪异盒模型，他们的选择是由css的box-sizing属性控制的，标准盒模型: content-box(默认值），IE盒模型: border-box
标准盒模型
width = 内容（content)的宽度
总宽度： width + margin（上下） + padding（上下） + border（左右）
高度同理
CSS
IE盒模型
width = 内容（content)的宽度 + padding（上下） + border（左右） 总宽度： width + margin（上下） 高度同理
- 当 width > padding-left+padding-right+border-left+border，
- contentWidth = width-padding-left+padding-right+border-left+border,
- 当 width <= padding-left+padding-right+border-left+border,
- contentWidth = 0
小知识点
两种盒模型的width默认值为: auto
