对css中盒子模型的理解

box-sizing属性
在默认情况下，width属性设置的是元素内容的宽度，而任何一个被绘制到屏幕上的元素的盒子宽度和高度都需要加上border和padding的值，所以当你调整一个元素宽度和高度的时候都需要考虑到border和padding的值，box-sizing可以用来调整这个问题：

content-box：默认值，在这种情况下设置width为100px时，元素被绘制到屏幕上的总宽度=100px+padding-left+padding-right+border-left+border-right
border-box：在这种情况下设置width为100px时，元素被绘制到屏幕上的总宽度=100px