position: fixed;
时间: 2023-08-18 09:07:09 浏览: 87
position_fixed
`position: fixed;` 是 CSS 中用于定位元素的一种属性值,表示元素相对于浏览器窗口固定位置不动。
当一个元素设置了 `position: fixed;` 属性后,该元素会被固定在当前浏览器窗口的指定位置,不会随着页面的滚动而移动。换句话说,无论页面如何滚动,该元素都会保持在屏幕上的相对位置不变。
可以通过设置 `top`、`right`、`bottom`、`left` 四个属性值来指定元素相对于浏览器窗口的位置。例如,设置 `position: fixed; top: 50px; left: 100px;` 表示该元素距离浏览器窗口顶部 50 像素、左侧 100 像素的位置固定不动。
需要注意的是,设置了 `position: fixed;` 属性的元素不再占据文档流中的位置,因此其他元素可能会占据它原来的位置。此外,元素的固定位置是相对于浏览器窗口而言的,因此如果浏览器窗口的大小发生变化,该元素的位置也会相应地发生变化。
阅读全文