css box-sizing属性

box-sizing 属性用来决定盒子的内容区域的计算方式。当它的属性值是border-box的时候,内容区域就是 border + padding + content。这个时候定义的width,height属性就是用户肉眼能看到的区域。而默认值content-box则的内容区域就是有 content,所以用户看到的宽度高度等于 css 定义的宽高 加上 border 再加上 pandding。