【css】 CSS之经典的三栏布局和水平垂直居中

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 兼容性较差