box-sizing用来设置盒子模型中宽高的行为

content-box

• padding、border都布置在width、height外边；

border-box

• padding、border都布置在width、height里边

box-sizing: content-box

元素的实际占用宽度 = border + padding + width

元素的实际占用高度 = border + padding + height

box-sizing: border-box

元素的实际占用宽度 = width

元素的实际占用高度 = height

IE盒子模型

W3C标准盒子模型

IE盒子模型（IE8以下浏览器）

元素的水平居中方案

行内级元素(包括inline-block元素)

• 水平居中：在父元素中设置text-align: center;

块级元素
水平居中：margin: 0 auto;