盒子模型有标准的W3C盒模型和IE盒模型；
标准的盒模型：width = content；
IE盒模型：width =border+padding+content；
我目前使用的谷歌和IE浏览器默认的是IE盒模型，width指的就是包括border和padding；
属性box-sizing：content-box可以把IE盒模型转变成标准盒模型；
属性box-sizing：border-box可以把标准盒模型转变成IE盒模型；
如果我们子元素里要使用百分比来定义宽高，一定要使用box-sizing：border-box属性，不然可能会造成子元素溢出；
无论父元素box-sizing属性如何设置：
子元素设置box-sizing：border-box，则子元素设置的宽度百分比是指子元素整个盒子（border+padding+content）相对于父元素内容区域；
子元素设置box-sizing：content-box，则子元素设置的宽度百分比是指子元素内容区域（content）相对于父元素内容区域；
