①static:(静态定位)元素根据文档的正常流程定位。对top
,right
,bottom
,left
,和z-index
性能没有任何影响。
②relative:(相对定位)根据文档的正常流动定位,然后偏移相对于它本身的基础上的值top
,right
,bottom
,和left
。偏移量不会影响任何其他元素的位置; 页面布局中为元素给出的空间与位置相同static
。当值不是时,此值将创建新的堆叠上下文。
③absolute:(绝对定位)该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。它相对于其最近的祖先定位; 否则,它相对于初始包含块放置。它会随着移动而改变。
④fixed:(固定定位)该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。意味着是固定的。与页面左上角的距离top,left。