1、两种盒子模型
- 一种是标准盒子模型(content-box),一种是IE盒子模型(border-box)
- 主要区别是实际的宽度和高度:
- 标准盒子模型的宽度是content,但实际宽度是:content+padding+border
- IE盒子模型的宽度就是:content+padding+border
2、实现垂直居中的方式
- 1、flex布局:justify-content水平居中,align-items垂直居中
- 2、grid布局:justify-content水平居中,align-items垂直居中
- 3、relative+absolute+top+left+transform