CSS定位：position

相对定位：relative

                相对自身定位，通常配合绝对定位使用

position:  relative;

绝对定位：absolute

                相对浏览器窗口（页面）定位;

                如果父盒子有定位属性，那就相对这个父盒子定位；

                逐级往上找，相对碰到的第一个有定位属性的父级盒子定位，

                如果都没有，那就相对浏览器定位

position: absolute;

子绝父相：

                为了让绝对定位有定位点，一般会给它的父盒子加相对定位

固定定位：fixed

                相对浏览器窗口定位，不随页面的滚动改变位置

position: fixed;

粘性定位： sticky

                偏移量同相对定位，页面滚动时，滚动到顶部，直接吸顶

                基于用户滚动位置来定位

                在未滚动出指定值时        同相对定位

                跨越指定值时                   同绝对定位

position: sticky;

层级：z-index                定位高于浮动，浮动高于标准流

                设置堆叠顺序的

                1.默认是z-index：1

                2.数字越大越靠前显示

                3.数字越小比如负数越靠后显示，层级不写小数

                4.层级一样，后面的盒子比前面的层级高（因为代码自上而下运行，后面会覆盖前面）

                5.abselute（绝对定位）是不占位置的，relative（相对定位）是占位置的。

                   而层级的高低，是和占不占位置没有关系的