CSS弹性盒（Flex 布局）、怪异盒

---

标准盒模型：

border长在元素的宽高以外，padding会把盒子撑大。

如果想让盒子保持原有的大小，需要在宽高的基础上减掉padding !!
如果一个盒子没有固定大小（被内容撑开），添加padding 不用减。

怪异盒模型（IE盒模型）

border和padding都是长在元素宽高内部的。

​ 标准盒模型： box-sizing:content-box;
​ 怪异盒模型： box-sizing:border-box;

怪异盒一般用于移动端，在重置样式中可以直接的加入，因为移动端都是需要适配的，一般都需要触发一个怪异盒模型，这样添加元素，就不会撑大盒子，更加灵活，也不用像PC端，设置盒子的paading后，宽高值都需要再计算。

/*让所有元素触发怪异盒模型*/
*{