前端基础css定位（六）

定位（position）

定位:既脱离文档流又脱离文本流

相对定位

相对于自身定位

position: relative;

 绝对定位

相对于游览器页面定位

position: absolute;

如果父盒子没有定位元素，那就相对这个父盒子定位逐级向上寻找，直到碰到有定位属性的父级盒子，如果没有就相对于游览器定位

子绝父相

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

固定定位

相对游览器窗口定位

position: fixed;

不随页面滚动改变位置

粘性定位

偏移量相对自身定位

position: sticky;

页面滚动时，滚动到顶部，直接吸住顶部

z-index

设置堆叠顺序的

默认是z-index：1

数字越大越靠前显示

数字越小比如负数越靠后显示