`position: fixed` 是CSS中的一个属性值,用于确定元素在页面上的位置。当你为一个元素设置 `position: fixed` 时,这个元素的位置是相对于浏览器窗口固定的,而不是相对于其父元素或其他元素。这意味着无论用户如何滚动页面,该元素都会保持在相同的位置。
具体来说:
* 当元素设置为 `position: fixed` 时,元素会脱离正常的文档流。这意味着它不会受到其他元素的影响或推动其他元素移动。
* 元素的位置可以通过 `top`、`right`、`bottom` 和 `left` 属性来指定距离浏览器窗口边缘的距离。例如,你可以设置 `top: 20px` 和 `right: 30px` 来让元素距离窗口顶部20像素,距离窗口右侧30像素的位置。
这种属性通常用于创建固定位置的导航栏、滚动提示或其他需要随着页面滚动而始终保持在相同位置的元素。
例子:
```css
.fixed-element {
position: fixed;
top: 20px;
right: 30px;
width: 100px; /* 其他样式如宽度、高度等 */
}
```
在上述例子中,`.fixed-element` 会固定在距离浏览器窗口顶部20像素和右侧30像素的位置,无论页面如何滚动。