box-sizing: border-box的使用
1.情景：使用flex布局后，给内部九宫格盒子添加了边框线，导致内部九宫格盒子无法一行显示，一行有原来三个变成了两个，解决方法：给内部盒子加样式：box-sizing: border-box
2.理论：box-sizing属性的取值可以为content-box或border-box，对它们的解释如下：
l content-box：浏览器对盒模型的解释遵从W3C标准，当定义width和height时，它的参数值不包括border和padding。
l border-box：当定义width和height时，border和padding的参数值被包含在width和height之内。
