CSS 中 position 属性指定了元素的定位类型。
position 属性的五个值分别为:
-
static: 正常?档流定位, 此时 top, right, bottom, left 和 z-index 属性?效, 块级元素从上往下纵向排布, ?级元素
从左向右排列。 -
relative: 相对定位。相对定位是相对于正常文档流的位置,移动相对定位元素,但它原本所占的空间不会改变。相对定位元素经常被用来作为绝对定位元素的容器块。
-
absolute: 相对于最近的? static 定位祖先元素的偏移。如果元素没有非 static 定位祖先元素,那么它的位置相对于<html>.absolute 定位元素的位置与文档流无关,因此不占据空间。
-
fixed: 指定元素相对于屏幕视?(viewport) 的位置来指定元素位置。 元素的位置在屏幕滚动时不会改变, ?如那
种回到顶部的按钮?般都是?此定位?式。 -
sticky: 粘性定位, 特性近似于relative和fixed的结合。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。其在实际应?中的近似效果就是IOS通讯录滚动的时候的
顶屁股 。