前端面试积累4-position

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）祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于 或 .

4.2 脱离DOM流，不占据空间

4.3 常用作动画结构。