position: relative;还有什么位置可以设置
时间: 2024-02-06 09:04:04 浏览: 98
CSS中的position:relative;的作用示例介绍
除了 `position: relative;`,还有以下几个位置可以设置:
1. `position: static;` 默认值,元素在正常文档流中的位置不受影响。
2. `position: absolute;` 元素的位置相对于最近的已定位祖先元素(position不等于static的元素),如果不存在已定位的祖先元素,则相对于最初的包含块(通常是body元素)进行定位。
3. `position: fixed;` 元素的位置相对于浏览器窗口固定,即使页面滚动也不会改变。
4. `position: sticky;` 元素在跨越特定阈值前为相对定位,之后为固定定位。
阅读全文