看透网页布局本质（CSS盒子模型）
1. 盒子模型：就是把html中的元素看作是一个个矩形的盒子（content+padding+border+margin）
2、两种盒子模型：分别是IE盒子content-box和标准盒子border-box （默认是border-box）
1）box-sizing:border-box的实际占地宽度是content+margin的宽度（内容的宽度）
2）box-sizing:content-box 的实际占地宽度是content+border+padding+margin的宽度
3）margin不纳入盒子的宽度中，但是他同样占位置