lfe 第七天到第八天：学习布局
三种布局模型
流动模型
块状元素和行内元素
浮动模型
-
方便的用于文字环绕
- 脱离文档流
- 普通的div如果没有设置宽度，它会撑满整个屏幕，div设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。
- 清除空格
清除浮动的方法，推荐
层模型
-
静态定位
默认值
-
相对定位
正常文档流
-
绝对定位
脱离正常文档流
z-index 确定那个元素位于上部
-
固定定位
相对于HTML来定位
flexible box
可以方便的实现多列等高的布局
设置flex-wrap: wrap可以获得多行弹性盒子
