01、什么是盒模型
CSS中盒模型定义了盒子的每一个盒子包含了margin、border、padding和context。
根据盒子大小的计算方式不同，盒模型分为了两种：
一种是盒子宽高包含了border和padding；
另一种是盒子宽高不包含padding和border，是通过box-sizing属性设置为border-box。
02、重排和重绘
重排：当DOM元素的几何信息发生了变化，比如元素的大小和位置，那么浏览器需要重新计算元素的几何属性，才把元素摆在正确的位置，这个过程就是重排。
重绘：在一个元素的外观发生变化时，但不影响布局，重新绘制元素外观。不涉及到计算。
发生重排时一定发生重绘，涉及到重绘不一定要重排。