position：
1.static定位：
html元素的默认值，即没有定位，元素出现在正常的流中。
静态定位的元素不会受到top bottom left right 影响。
2.fixed定位：
2.1 参照物：浏览器窗口
2.2 脱离DOM流，不占据空间。
2.3 常用作漂浮广告，返回顶部。
3.relative定位：
3.1 参照物：自身。
3.2 存在DOM流中，占据原先的空间.
3.3 常被用来作为绝对定位元素的容器块。
4.absolute定位：
4.1 参照物：最近的已定位（fixed / relative / absolute）祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于<html> 或 <body>.
4.2 脱离DOM流，不占据空间
4.3 常用作动画结构。
