https://developer.mozilla.org/zh-CN/docs/Web/CSS/position
position:relative|absolute| fixed | sticky | static
offset:top,bottom,left,bottom
1. position:static 默认属性;top,bottom,left,bottom无效
2. position:relative;相对定位;top,bottom,left,bottom起作用;该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会在此元素未添加定位时所在位置留下空白,即元素即占了不设置offset的位置又可以设置偏移)相对定位的元素是在文档中的正常位置偏移给定的值,但是不影响其他元素的偏移。一般和position:absolute搭配使用
3. position:absolute;相当于离他最近的非static最近的元素定位;top,bottom,left,bottom起作用;
4. position:fixed;常用于创建在滚动屏幕时仍固定在相同位置的元素;top,bottom,left,bottom起作用;
5. position:sticky;粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位
offset:top,bottom,left,bottom
同时设置top和bottom相当于设置了高度height
同时设置了left和right相当于设置了width
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步