css position定位方式

fixed(固定定位):相对于浏览器窗口进行定位,是固定的,即使窗口滚动它也不会移动

absolute(绝对定位):  相对于离它最近且定位不是static的父元素进行定位,若没有则相对于浏览器窗口,随窗口的滚动而滚动

relative(相对定位):相对于自身进行定位,不脱离文档流,会对其余文档产生影响

  • 区别
  1. fixed和absolute均会脱离文档流,relative不会脱离文档流
  2. 在有滚动条的情况下,absolute会跟随页面滚动,而fixed则始终固定在同一位置定位。
  • 应用场景

fixed: 如固定在顶端的菜单栏广告弹窗消息提示等,主要用于需要固定在页面中的某个位置

absolute: 主要用于相对于父元素进行定位,比如在卡片右上角显示一关闭按钮,则可用绝对定位。

发布了32 篇原创文章 · 获赞 1 · 访问量 2916

猜你喜欢

转载自blog.csdn.net/yyk5928/article/details/102647982