box-sizing属性可以设置各浏览器如何显示盒模型，用来解决某些不支持flex属性的浏览器无法实现弹性布局的bug
（1）当box-sizing属性取值为border-box时（IE浏览器）：
元素的宽度包含了 内容的宽度+padding+border
元素的高度包含了 内容的高度+padding+border
显示结果为：
（2）当box-sizing取值为content-box或者不设置时（chrome浏览器）
元素的宽度只包含 内容的宽度
元素的高度只包含 内容的高度
相关文章：
相似解决方案
热门标签