CSS中的position属性有以下取值:
static (默认值):元素在文档流中正常排列,不受top、right、bottom和left属性的影响。
relative: 相对定位。通过设置top, right, bottom 和 left 属性值,相对于元素原来在文档流中的位置进行定位,但不会改变其它元素的布局。
absolute: 绝对定位。元素从文档流中删除,并相对于最近的非static祖先元素进行定位。如果没有这样的祖先元素,则相对于元素。此时元素的位置要通过 top, right, bottom 和 left 属性来指定。
fixed: 固定定位。元素相对于浏览器窗口进行定位,即使窗口滚动,它也不会移动。通常用于创建导航栏或固定工具栏等。
sticky: 粘性定位。元素先按照正常文档流进行布局,然后相对于它的父级容器进行定位,直到它触及基准容器的边缘(例如滚动容器)为止。一旦它“粘住”了,就会保持在那个位置。
需要注意的是,设置绝对定位之前,必须先确保祖先元素的 position 属性不为 static(即为 relative、absolute 或 fixed)才能有效。