2025年CSS系列之定位详解

CSS系列之定位详解文章 目录 1 为什么使用定位了 2 什么是定位了 3 定位的构成 3 1 边偏移 3 1 1 top 3 1 1 1 属性值 3 1 1 2 注意点 3 1 2 right 3 1 2 1 属性值 3 1 2 2 注意点 3 1 3 bottom 3 1 3 1 属性值 3 1 3 2 注意点 3 1 4 left 3 1 4 1 属性值 3 1 4 2 注意点 3 1

大家好,我是讯享网,很高兴认识大家。

文章の目录

  • 1、为什么使用定位了
  • 2、什么是定位了
  • 3、定位的构成
    • 3.1、边偏移
      • 3.1.1、top
        • 3.1.1.1、属性值
        • 3.1.1.2、注意点
      • 3.1.2、right
        • 3.1.2.1、属性值
        • 3.1.2.2、注意点
      • 3.1.3、bottom
        • 3.1.3.1、属性值
        • 3.1.3.2、注意点
      • 3.1.4、left
        • 3.1.4.1、属性值
        • 3.1.4.2、注意点
      • 3.1.5、注意点
    • 3.2、定位模式(position)
      • 3.2.1、静态定位(static)
      • 3.2.2、相对定位(relative)
      • 3.2.3、绝对定位(absolute)
      • 3.2.4、固定定位(fixed)
      • 3.2.5、粘性定位(sticky)
  • 4、子绝父相的由来
  • 5、绝对定位的盒子居中
  • 6、堆叠顺序(z-index)
  • 7、定位改变display属性
  • 写在最后
小讯
上一篇 2025-03-15 17:05
下一篇 2025-02-25 19:23

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/23098.html