标准盒模型：
在标准盒模式下，一个块的总宽度 = width + margin(左右) + padding(左右) + border(左右)，高度亦然
怪异盒模型：
在怪异盒模式下，一个块的总宽度 = width + margin(左右)（即width已经包含了padding和border的值），高度亦然
width = 内容区宽度 + padding + border
CSS3的box-sizing属性
语法：
box-sizing : content-box || border-box || inherit;
content-box : 将采取标准盒模式进行解析计算
border-box : 将采取怪异盒模式进行解析计算
inherit : 将从父元素来继承box-sizing属性的值
解决问题：
边框和填充被计算到盒模型内，不会破坏布局
