html+css笔记----绝对定位 + 固定定位 + 粘滞定位+层级

position:absolute

特点一:与相对定位不同，相对定位是以自身的原点为参考点进行移动的，绝对定位则是以自己的最亲近的，开起了定位的父元素为参考点进行移动。

特点二：开启了绝对定位后，元素便会从文档流中脱离出来。

调整后的位置为（x+left-right , y-top+bottom）

.box{
    position:absolute;
    left: 1px;
    right: 1px;
}

position：fixed  固定定位

特点：固定定位常见于网页小广告，是以当前网页视口为相对位置，无论如何翻页，固定定位的位置不会改变。

调整后的位置为（x+left-right , y-top+bottom）

position：sticky  粘滞定位

当网页向下滑动时，粘滞定位可以在某个位置，常见于标题使用，不常用。

层级

什么是层级?

层级就是元素显示在页面上面的优先级。

z-index属性是用来设置层级的，z-index的值越大，优先级就越大。

优先级越大，就相当于在将一叠纸中的一张，放到最上面。

层级的默认值为0