css定位
css 定位主要有4种：静态定义、相对定位、绝对定位、固定定位
静态定位
是元素定位的默认方式，这种方式时，不可以使用 top、bottom、left、right 和z-index属性。
相对定位
position: relative
占用正常文档空间，但是可以通过 top、bottom、left、right 相对于元素本身之前的位置偏移
绝对定位
position:absolute
会从正常文档流脱离，不占用原本文档空间；使用 top、bottom、left、right 相对离当前元素最近的具有定位属性的父级元素进行绝对定位，根元素为body( 浏览器窗口 )。
固定定位
position:fixed
直接以**浏览器窗口**作为参考进行定位，它是浮动在页面中，元素位置**不会随浏览器窗口的滚动条滚动而变化**