盒模型一般分为：w3c标准盒模型（content-box），IE盒模型（boder-box）一般大家都用content-box，需要注意的是bootstrap设置了这样的样式*{框大小：边框框；所以在使用过程中需要小心，不要冲突，在不明原因的情况下造成怪异的情况；##box-sizing##content-box默认值（w3c标准盒子模型）顾名思义：此时width属性的值就是内容的宽度，盒子的宽度就是内容的宽度content+padding+border，所以盒子的大小会随着padding和border的大小而变化。内容框{框大小：内容框;宽度：100px；填充：20px；border:20pxsolid#ff0;}border-box（IE盒子模型）此时width属性值为content+padding+border，width的值为盒子大小（不变），修改padding或者border会向内塌陷。border-box{box-sizing:border-box;宽度：100px；填充：20px；边框：20pxsolid#f0f;}
