border边框为什么会撑大盒子?
border边框会撑大盒子的原因： border边框会撑大盒子，即使给小盒子设置了box-sizing:border-box属性，在鼠标悬停前添加边框的确不会更改盒子大小，但在鼠标悬停后添加的边框还是会算作新添加的元素，此时就会挤压到盒子里面的内容。 当我们以后在开发中遇到这种鼠标悬停更改盒子大小的情况，都可以为原来的盒子设置一个透明边框占位。
css元素总宽度的计算公式是?
总宽度 = 宽度（width:内容区宽度）+ pdding + border css3新增box-sizing属性。当box-sizing设置为border-box时， 总宽度 = 宽度（width）= 内容区宽度 + padding + border 。 box-sizing默认取值：centent-box，盒标准与CSS2中的一致。