1、三栏布局
问题:⾼度固定,左右两侧的盒⼦宽度为200px,中间⾃适应
解决
float实现
position实现
flex实现
2、水平垂直居中
行内块元素
1. line-height
text-align: center
2. display: flex;
justify-content: center;
align-items: center;
块级元素
1. position + margin 清楚⼦元素的宽⾼
2. position + transform 不清楚⼦元素的宽⾼
3. flex
4. table-cell 兼容性较差