Appearance
position
static
默认值,top,left,right,bottom 和 z-index 属性不生效
relative
top 等偏移是相对自身的偏移,在页面中实际占用空间与 static 一致
z-index 不为 auto 时,会创建一个新的层叠上下文
absolute
会脱离正常的文档流,并相对其定位上下文进行定位( position 不为 static 的祖先元素)
z-index 不为 auto 时,会创建一个新的层叠上下文
fixed
会脱离正常的文档流, 并相对相对于 viewport 进行定位。当祖先元素存在 transform 时,会以该祖先元素作为定位上下文
始终会创建一个新的层叠上下文
sticky
在正常的文档流中进行定位, 根据偏移的值,相对于离其最近的滚动祖先和定位块(最近的块级祖先)进行偏移
始终会创建一个新的层叠上下文, 依赖的滚动祖先并不要求实际滚动,只要有滚动机制即可( overflow 为 hidden, scroll, auto,overlay)