position 属性

position 属性

作用:决定一个元素放在页面的哪个位置。

static

这是默认值。含义:不要以任何特殊的方式摆放这个元素的位置。

relative

这个属性同 static 的表现一致。如果你加了其它的属性比如 toprightbottomleft 属性,那么就会导致它相应的偏离自己原来的默认位置。

fixed

让元素相对于浏览器的窗口摆放位置。这个元素不会随着页面的滚动而滚动。

absolute

让元素相对于离自己最近的 position 属性的值是非 static 的祖先元素摆放位置。如果实在找不到 position 属性是非 static 的祖先,那么就会相对于 body 元素摆放位置,随着页面的滚动而滚动。

sticky

sticky 是粘性定位 (动态定位)。它依据滚动的位置动态地在 fixed 定位和 relative 定位之间切换。

参考