position属性指定一个元素的定位方法的类型。
一、static:默认
也就是没有定位。
二、relative:相对定位
1)相对定位是相对于自己原来在文档流中的位置来定位,不指定 top、left 等定位值时,不改变元素位置。
2)相对定位元素仍会占据原有文档流中的位置。
三、absolute:绝对定位
1)绝对定位是相对于第一个非 static 的祖先元素(使用relative、absolute、fixed 定位的祖先元素)进行定位,都没有定位,则相对于浏览器左上角定位。
2)绝对定位不占据原有文档流中的位置。
四、fixed:固定定位
固定定位是一种特殊的绝对定位,与普通绝对定位的区别是无论父元素是否定位,子元素采用固定定位,都将相对于浏览器左上角定位,且固定在指定位置,不随浏览器滚动条的滚动而滚动。
五、sticky:粘性定位
1)粘性定位的元素是通过用户的滚动,在 position:relative 与 position:fixed 定位之间切换。
2)起初它表现的像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,会固定在目标位置。