在新选项卡中打开链接
  1. 菜鸟教程
    https://www.runoob.com/css/css-positioning.html

    CSS Position(定位) | 菜鸟教程

    • 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动： 注意：Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持。 Fixed定位使元素的位置与文档流无关，因此不占据空间。 Fixed定位 … 展开

    Absolute 定位

    绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相 … 展开

    菜鸟教程
    Sticky 定位

    sticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。 position: sticky;基于用户的滚动位置来定位。 粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed定 … 展开

    菜鸟教程
    重叠的元素

    元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素 z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面） 一个元素可以有正数或负数的堆叠顺序： 具有更 … 展开

    菜鸟教程
    图文详解 CSS Position 属性 - freeCodeCamp.org
    你可以使用 position 属性在整个页面来放置或移动那些小点和波浪图案和甜甜圈图像至任何你想要的地方。 对于这个项目，你可以使用任何安装了 emmet 插件 的代码编辑器。 我将使用 CodePen.io. body 标签内部，写如下代码： 清除默认浏览器设置并添加如下 CSS： 设置 box-1 类样式： position 属性有 5 个值： 为了移动我们的容器，我们使用以下四个属性： 这是每个元素定位的 默认值。 每个元素的默认位置. relative 属性 和 absolute 属性 的工作原理是一样的，不同在于，我们使用 relative 来标识父类，使用 absolute 来标识子类。 相对定位和绝对定位. 我们先尝试一下 relative 值，写如下代码： 得到的结果如下：
    FreeCodecamp · https://www.freecodecamp.or…
    反馈
    目录
    Absolute 定位
    Sticky 定位
    重叠的元素
     
  1. position 属性规定应用于元素的定位方法的类型（static、relative、fixed、absolute 或 sticky）。 position 属性规定应用于元素的定位方法的类型。 有五个不同的位置值： 元素其实是使用 top、bottom、left 和 right 属性定位的。 但是，除非首先设置了 position 属性，否则这些属性将不起作用。
    bottom: 设置定位框的底部外边距边缘。
    clip: 剪裁绝对定位的元素。
    left: 设置定位框的左侧外边距边缘。
    position: 规定元素的定位类型。

    CSS 布局 - position 属性 - w3school 在线教程

    www.w3school.com.cn/css/css_positioning.asp
    www.w3school.com.cn/css/css_positioning.asp
    这是否有帮助?
  2. w3school 在线教程
    https://www.w3school.com.cn/css/css_positioning.…

    CSS 布局 - position 属性 - w3school 在线教程

    position 属性规定应用于元素的定位方法的类型。 有五个不同的位置值： static relative fixed absolute sticky 元素其实是使用 top、bottom、left 和 right 属性定 …

    • bottom: 设置定位框的底部外边距边缘。
    • left: 设置定位框的左侧外边距边缘。
    • clip: 剪裁绝对定位的元素。
    • position: 规定元素的定位类型。
  3. Mozilla Developer
    https://developer.mozilla.org/zh-CN/docs/Web/CSS/position

    position - CSS：层叠样式表 | MDN

  4. CSDN博客
    https://blog.csdn.net/qq_43290288/article/details/1…

    CSS之定位布局（position，relative定位布局技 …

    2019年11月13日 · 本文深入解析CSS中的position属性，涵盖static、relative、absolute、fixed四种定位方式的特点与应用技巧。 通过实例展示如何结合relative与absolute实现精准布局，适用于前端开发者进阶学习。 css中 …

  5. 菜鸟教程
    https://www.runoob.com/w3cnote/css-position-static...

    CSS position 相对定位和绝对定位 - 菜鸟教程

  6. Mozilla Developer
    https://developer.mozilla.org/zh-CN/docs/Learn_web...

    定位 - 学习 Web 开发 | MDN

  7. 博客园
    https://www.cnblogs.com/changdasheng/p/17305766.html

    vue学习第8天 css ---- position ( 5种定位 常见4种 + 粘性定位）

  8. w3school 在线教程
    https://www.w3school.com.cn/cssref/pr_class_position.asp

    CSS position 属性 - w3school 在线教程

  9. 博客园
    https://www.cnblogs.com/im18620660608/p/17129246.html

    CSS定位position总结（超详细哦！） - imxiangzi - 博客园

  10. FreeCodecamp
    https://www.freecodecamp.org/chinese/news/css-…

    图文详解 CSS Position 属性 - freeCodeCamp.org

    2021年8月3日 · 你可以使用 position 属性在整个页面来放置或移动那些小点和波浪图案和甜甜圈图像至任何你想要的地方。 对于这个项目，你可以使用任何安装了 emmet 插件 的代码编辑器。 我将使用 CodePen.io. body 标签内部，写如下代 …