css position定位方式

fixed(固定定位)：相对于浏览器窗口进行定位，是固定的，即使窗口滚动它也不会移动

absolute(绝对定位):  相对于离它最近且定位不是static的父元素进行定位，若没有则相对于浏览器窗口，随窗口的滚动而滚动

relative(相对定位)：相对于自身进行定位，不脱离文档流，会对其余文档产生影响

• 区别

1. fixed和absolute均会脱离文档流，relative不会脱离文档流
2. 在有滚动条的情况下，absolute会跟随页面滚动，而fixed则始终固定在同一位置定位。

• 应用场景

fixed: 如固定在顶端的菜单栏，广告，弹窗，消息提示等，主要用于需要固定在页面中的某个位置

absolute: 主要用于相对于父元素进行定位，比如在卡片右上角显示一关闭按钮，则可用绝对定位。