说说position的absolute和fixed共同与不同点分别是什么？

在前端开发中，CSS的position属性用于设置元素的定位方式，其中absolute和fixed是两种常见的定位值。它们有一些共同点和不同点，下面将分别进行说明。

共同点：

1. 脱离文档流：无论是absolute还是fixed定位，元素都会脱离正常的文档流。这意味着它们不再占据文档中的空间，其他元素会忽略它们的存在进行布局。
2. 可设置位置：这两种定位方式都允许通过top、right、bottom和left属性来精确设置元素的位置。
3. 改变行内元素呈现：它们都可以改变行内元素的呈现方式，即使行内元素表现得像块级元素。

不同点：

1. 参照物不同：absolute定位的参照物是可以设置的，它相对于最近的已定位父元素（即设置了position属性且值不为static的元素）进行定位。如果没有已定位的父元素，那么它会相对于初始包含块（通常是body元素）进行定位。而fixed定位的参照物固定是浏览器窗口，即使页面滚动，它也始终位于同一的位置。
2. 滚动行为：当页面滚动时，fixed定位的元素会保持在固定的位置，不会随页面滚动而移动。而absolute定位的元素则会随其已定位的父元素一起滚动，如果父元素没有滚动条，或者父元素本身就是body且页面滚动，那么absolute定位的元素也会相对视口进行滚动。
3. 使用场景：由于fixed定位的元素始终固定在浏览器窗口的特定位置，因此它常用于创建始终可见的导航栏、侧边栏或返回顶部按钮等。而absolute定位则更多地用于相对于某个父元素进行精确布局，如创建悬浮菜单、弹出框等。

综上所述，position的absolute和fixed值在前端开发中各自具有独特的用途和表现行为，开发者应根据具体需求选择合适的定位方式。