CSSposition
属性用于指定元素在页面上的定位方式,其常用值包括:
static
(默认值):元素按照正常的文档流进行排列,不会受到top
、bottom
、left
、right
等属性的影响。relative
:元素相对于其正常位置进行定位,可以通过top
、bottom
、left
、right
等属性指定偏移量。absolute
:元素相对于其最近的非static
定位的祖先元素进行定位,如果不存在则相对于文档进行定位,同样可以通过top
、bottom
、left
、right
等属性指定偏移量。fixed
:元素相对于浏览器窗口进行定位,即使页面滚动也不会改变元素的位置,也可以通过top
、bottom
、left
、right
等属性指定偏移量。sticky
:元素在滚动到指定位置之前是相对定位,滚动到指定位置后则变为固定定位,同样可以通过top
、bottom
、left
、right
等属性指定偏移量。
以上就是position
属性的常用值。需要注意的是,relative
、absolute
和fixed
定位的元素都会从正常的文档流中脱离,不占据原来的空间