position: static
默认值,标签会占据网页的一定的空间,且不会受到top,bottom,left,right等元素的影响。
position: fixed
标签不会占用所在网页的空间,且该标签不会随着网页滚动条的滚动而改变位置。即该标签悬浮于网页上方,不会受到网页的影响。
position: relative
标签会占据网页一定的空间。标签的top,bottom,left,right等值可以定义为负值,此情况下标签会超出网页移动,超出网页的内容将被遮盖。
position: absolute
标签不会占据网页的空间。此定位方式是根据父标签(包围此标签的上一级标签)或html(没有父标签的情况)定位的,标签会与网页内容重合(必须设定top、bottom、 left、right其中一个元素,否则还是会遵循文本流)。
position: sticky
标签会占据网页一定的空间。 当滚动网页下移时,与position:fixed一样。top,bottom,left,right可以定义为负值,滚动后可如position:relative一样显示。如top=-10px时,网页下滑,该标签将会有10px的内容被上边框覆盖。