CSS3可以通过box-sizing指定盒模型。在前面的盒子模型中,如果我们给盒子设置width、padding、border,那么盒子的实际宽度就是width+padding-left+padding-right+border-left+border-right。在CSS3中,如果框设置为:box-sizing:border-box;那么padding和border不会拉伸框,我们设置的宽度将是框的实际宽度。box-sizing的值也可以是content-box,就是之前默认的样式,会把大盒子拉长。
