CSS定位

CSS的position指定了元素的定位类型

static

HTML的默认定位，即没有定位方式，满足文档流。

position:static

fixed

元素位置相对浏览器窗口处在固定位置，即使浏览器滚动位置也不会发生改变；
fixed使得元素位置与文档流无关，不占空间；
可以和其他元素重叠。

position:fixed
top:80px;
right:70px;

relative

相对定位会按照元素的原始位置对该元素进行移动;
而且原本所占的位置保留。

position:relative;

absolute

绝对定位相对于该元素最近的父元素，如果没有父元素，则相对于;
与文档流无关，不占空间；
允许其他元素重叠。

position:absolute;

sticky

基于用户的滚动位置来定位;
当页面滚动超出目标区域时,固定在目标位置。

position: sticky;

元素重叠

z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面）；
常用absolute定位指定重叠。

position:absolute;
left:0px;
top:0px;
z-index:-1;

具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面，如1在-1前面。