postion中的属性:
-
static:
HTML元素的默认值,没有定位,遵循正常的文档流对象 -
fixed:
元素的位置相对于浏览器窗口是固定位置 -
realtive:
相对定位元素的定位是相对其正常位置,移动相对定位元素,原本所占的空间不会改变,相对定位元素经常被用来作为绝对定位元素的容器块。 -
absolute:
绝对定位元素的位置相对于最近已定位的元素,如果元素没有已定位的父元素,那么它的位置相对于<html>,定位的位置与文档流无关,所以不占据空间
-
sticky:
粘性定位,依赖于用户的滚动,在position:relative与position:fixed定位之间切换,刚开始就像position:relative;而当页面滚动超出目标区域时,它就表现为position:fixed;