现在的盒模型主要有三种：
box-sizing: content-box;
这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。
box-sizing: border-box;
这种盒模型在实际开发中最方便。即width/heigth属性是border-box的属性。
即flex盒模型。这种模型将父容器设置为
display: flex
这种盒模型对于样式的设置极其方便。
原文：https://www.cnblogs.com/lyraLee/p/12466828.html