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

posted on 2022-06-09 15:31  sandy.simple  阅读(243)  评论(0编辑  收藏  举报