一、CSS三种布局模型
1、文档流模式Flow(默认布局)
div一行一行布局
2、浮动模式float
float left/right 丢失原文档流位置
clear :left/right/both 清理浮动
3、层模型 position
static 默认文档流
absolute 相对父容器（必须relative或者body）：丢失原位置
relative相对自己 ，保存原位置
fix 可见窗口，全局浮动，丢失原位置
那flex是什么呢？
二、盒子模型内的布局方式是flex
display:flex (其他的元素类型block inline inline-block)
direction:row(默认) column
justify-content:主轴
align-items:交叉轴
接下来看下常见的致命题
三、常见面试题：元素如何居中？
1、如果是行内元素如文本，img，直接用
text-align:center
2、如果是块元素，定宽，
先用层布局保证
父元素position:relative
自身position:absolute left/top:50%
然后
2.1、margin:auto或者 -50%自身
1
2.2、transform:translate -50%自身
