定位布局position，有四种布局方式
1.static 静态定位，默认值，无效果。一般不用！
2.relative 相对定位
特性：
a.定位后的元素不会脱离文档流。会保留标签的原始位置。
b.是相对自身位置为参考进行移动的。
3.absolute 绝对定位
特性：
a.脱离文档流，所以 不会保留标签的位置
b.默认参考整个浏览器进行移动.如果父级标签且父级标签设置了除静态定位之外的其它定位样式。那么就依父级为参考！
c.如果连续的兄弟标签都发生绝对定位，越晚设置定位的层级越靠上。
4.fixed 固定定位
特性：
a.脱离文档流，不会再保留标签的位置
b.不会随之页面的滚动而滚动
c.以浏览器页面为参考经行位置移动
关键：使用定位布局，要搭配使用lrft right top bottom 方位词来调整定位之后的元素！
注意：
浮动布局多用于标签平铺展开的效果！
定位布局多用于标签重叠有层级的效果！
关键词：
调整定位层级的是z-index：数值；
默认值是0、值越大层级越靠上！无限上！
