普通文档流布局
可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局
浮动
特点：
- 脱离标准流，会浮动到空中
可以让多个块级盒子在一行或者左右对齐，多个块级盒子水平显示就用浮动布局
定位
定位最大特点是有层的概念，可以覆盖在别的元素上面，如果有某个盒子要移动可以用定位
- 普通文档流布局
- 浮动
- 定位
- display：flex
上下行元素可以用
子元素水平居中
- css设置margin：0 auto
- 子元素是block
浮动会脱离标准流
清除浮动
因为浮动脱离标准流，导致它不会撑开父元素，也不受父元素限制
层级元素可以使用定位