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 常用作动画结构。
网友评论