CSS相对定位，绝对定位，固定定位一种定位一句话，保证你懂，甚至我还画了一张图防止你不懂

• 通过position属性实现对元素的定位

• 设置定位方式后，还要设置定位属性（偏移量）：top、bottom、left、right

相对定位：

假设你<div>了一个区域，那么你在这个区域里的元素的所有定位都是以这个区域作为标准的，起始位置也是最左上角

绝对定位：

它是在用户看到的窗口上不动的，假设你把它放在最左上角，那么它就会一直在最左上角，如论你滑动多少

 

比如csdn的这玩意儿就是

固定定位：

相对于整个页面来说固定的，假设你<div>了一块区域，但是你把里面的元素设置成固定定位，无论你怎么改变它的属性，它都是以整个页面为基础变化，而不会因为你的这块区域变化，而相对定位则不是，注意区分。

举个例子

假设你<div>了一块区域

同时你在里面放了一张图片

我们知道默认图片是在它的基座的最左上角

相对定位是这样的：（红色是那张图）

固定定位是这样的

 这下你懂了吧：）

 

z-index：

在<style>标签范围内使用，是所有元素都可以设置的属性值，用于管理这个元素的图层。

每一个元素的默认是0，值越大的图层越显示在页面上方