CSSposition属性用于指定元素在页面上的定位方式,其常用值包括:

  1. static(默认值):元素按照正常的文档流进行排列,不会受到topbottomleftright等属性的影响。

  2. relative:元素相对于其正常位置进行定位,可以通过topbottomleftright等属性指定偏移量。

  3. absolute:元素相对于其最近的非static定位的祖先元素进行定位,如果不存在则相对于文档进行定位,同样可以通过topbottomleftright等属性指定偏移量。

  4. fixed:元素相对于浏览器窗口进行定位,即使页面滚动也不会改变元素的位置,也可以通过topbottomleftright等属性指定偏移量。

  5. sticky:元素在滚动到指定位置之前是相对定位,滚动到指定位置后则变为固定定位,同样可以通过topbottomleftright等属性指定偏移量。

以上就是position属性的常用值。需要注意的是,relativeabsolutefixed定位的元素都会从正常的文档流中脱离,不占据原来的空间

点赞(0) 打赏

微信小程序

微信扫一扫体验

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部