position 属性规定应用于元素的定位方法的类型。决定元素是否受 top、bottom、left 和 right 属性影响。
其值及其含义如下:
static:静态定位,默认值,元素不受 top、bottom、left 和 right 属性的影响,始终根据页面的正常流进行定位。
relative:相对于其正常位置定位。
fixed:相对于视口定位,将始终位于页面中的同一位置,不受滚动影响。
absolute:对于最近的,position属性不是static的祖先元素进行定位,如果没有祖先,则会使用文档主体,并随页面一起滚动。
sticky:粘性元素根据滚动位置在相对(relative)和固定(fixed)之间切换。起先它会被相对定位,直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置(比如 position:fixed)。