CSS相对定位和绝对定位的区别

CSS相对定位和绝对定位的区别CSS 中相对定位和绝对定位常常会使初入的新人感到困惑 我本人也是深受其害 今天详细的给大家说一下相对定位和绝对定位的区别 也是对自己的一种复习 一 相对定位 position relative 根据 w3cschool 里的介绍 相对定位是一个非常容易掌握的概念 如果对一个元素进行相对定位 它将出现在它所在的位置上 然后 可以通过设置垂直或水平位置 让这个元素 相对于 它的起点进行移动 如果

在这里插入图片描述
与相对定位不同的是,绝对定位是相对于自己的父辈元素进行平移,若自己的父辈没有开启相对定位,则元素相对于body转移位置。若自己的父辈全部开启定位,则会对离自己最近的父辈元素进行平移,但是若只开启定位没有进行平移,则会在原来位置脱离文档流。还有一个不同的点是,绝对定位自身的空间会被其他元素占有,同时也会激活z-index属性,其层叠级别高于原本的文档流时将会进行覆盖。

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230380.html原文链接:https://javaforall.net

(0)
上一篇 2026年2月26日 下午7:01
下一篇 2026年2月26日 下午7:22


相关推荐

  • 无证书签名简介[通俗易懂]

    无证书签名简介[通俗易懂]前言为什么要提出无证书签名防止公钥替换攻击防止密钥托管问题相关工作方案结构和安全模型方案结构参考:AnEfficientProvably-SecureCertificatelessSignatureSchemeforInternet-of-ThingsDeployment大致分为:Setup、Extract、KeyGen、Sign、Verify安全模型Al-Riyami2003Certificatelesspublickeycryptography提出的

    2022年4月30日
    111
  • 理解三维数组

    理解三维数组array 2 2 相当于两个一维数组 array 3 2 2 类比可知 相当于 3 个 2 2 的二维数组可以将三维数组比作一个立方体 这个立方体底面是个 2 2 的正方形 高为 3 如下图所示 注意 三维数组的高维度是写在最前面的 也就是立方体的 z include stdio h intmain intarray 3 2 2 0 1 2 stdio h

    2026年3月17日
    2
  • latex公式(equation)左对齐

    latex公式(equation)左对齐begin equation begin aligned amp amp P amp w p 1 w p 2 w p w times amp amp amp amp times w p 1 w p 2 w p w T amp amp amp amp p

    2026年3月18日
    1
  • 2018阿里巴巴春季校招笔试题(Java开发)「建议收藏」

    2018阿里巴巴春季校招笔试题(Java开发)「建议收藏」第一题:编程题要求:编译器版本:Java1.8.0_66请使用标准输入输出(System.in,System.out);已禁用图形、文件、网络、系统相关的操作,如java.lang.Process,javax.swing.JFrame,Runtime.getRuntime;不要自定义包名称,否则会报错,即不要添加packageanswer之类的语句;您可以写很多个类,但是必须有一个…

    2025年10月10日
    5
  • chmod命令详细用法

    chmod命令详细用法指令名称:chmod使用权限:所有使用者使用方式:chmod[-cfvR][–help][–version]modefile…说明:Linux/Unix的档案调用权限分为三级:档案拥有者

    2022年6月30日
    26
  • 对于三极管饱和状态的理解「建议收藏」

    对于三极管饱和状态的理解「建议收藏」对于三极管饱和状态的理解https://zhidao.baidu.com/question/172715750.html问题来源对于三极管饱和状态的理解三极管如工作在饱和状态也就是开的状态,那么就是双结正偏这是书上的解释我自己的理解是这样的:饱和状态和从放大状态转变过来的,极电结和发射结正偏是结果,而不是原因就是说,三极管首先工作在放大状态,极电结反偏,发射结正偏当基级电流增大时,一直增大到三极管的非线性区(这里指的是饱和区),注意,在这一瞬间偏置情况并未改变,也就是说依然是极电结反偏,

    2025年10月23日
    7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号