定位布局

定位布局的作用：使某个元素悬挂在其他元素之上的
分类：
1.static 静态（默认） 非定位元素
2.relative 定位元素(相对定位)
参照点：原先所在的位置
特点：不脱离文档流，可以覆盖在其他元素之上
3.abosult 定位元素（绝对定位）
参照点：距离它最近的父元素，如果没有，参照点视口。
特点：脱离文档流，高度由内容决定。
4.fixed 定位元素 （固定定位）
参照点：相对浏览器视口
特点：脱离文档流
5.sticky 定位元素 （relative和fixed的结合类似于）
特点：不脱离文档流