css中的四种定位方式

1.绝对定位 position: absolute;

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

• 如果父盒子有定位属性，那就相对这个父盒子定位；
• 逐级往上找，相对碰到的第一个有定位属性的父级盒子定位，
• 如果都没有，那就相对浏览器定位`
  子绝父相
• 为了让绝对定位有定位点，一般会给它的父盒子加相对定位

2.相对定位 position: relative;

• 相对盒子自己原来的位置进行调整，称为相对定位
• left：向右移动（左边与原先间隔固定值）
• right：向左移动
• top：向下移动
• bottom：向上移动 值可为负，为负时向相反方向移动。

3.固定定位 position:sticky

• 相对于浏览器定位，不随页面的滚动条改变位置

4.粘性定位 position:fixed

• 偏移量同相对定位
• 相对于浏览器窗口定位 不随页面滚动改变位置