html5盒模型

在html5中设置元素的width和height为元素的宽高，很容易导致网页内容错乱，实际的元素宽高可能根据padding和border的大小改变，在html5里面提供了可以解决这个问题的属性:box-sizing。
content-box:设置的width属性仅仅是内容的宽度，盒子的最终宽高值在width的基础上再加上padding和border的宽度。
boder-box:设置的width属性值就是最终盒子的宽度，包含了boder和padding的内容。