position 属性
作用:决定一个元素放在页面的哪个位置。
static
这是默认值。含义:不要以任何特殊的方式摆放这个元素的位置。
relative
这个属性同 static
的表现一致。如果你加了其它的属性比如 top
、right
、bottom
、left
属性,那么就会导致它相应的偏离自己原来的默认位置。
fixed
让元素相对于浏览器的窗口摆放位置。这个元素不会随着页面的滚动而滚动。
absolute
让元素相对于离自己最近的 position
属性的值是非 static
的祖先元素摆放位置。如果实在找不到 position
属性是非 static
的祖先,那么就会相对于 body
元素摆放位置,随着页面的滚动而滚动。
sticky
sticky 是粘性定位 (动态定位)。它依据滚动的位置动态地在 fixed
定位和 relative
定位之间切换。