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


相关推荐

  • 基于Chrome浏览器的HackBar_v2.2.6插件的安装与注册「建议收藏」

    基于Chrome浏览器的HackBar_v2.2.6插件的安装与注册「建议收藏」Hackbar是一款基于浏览器的简单的安全审计或者说是渗透测试工具,能够帮助您测试sql注入,XSS漏洞和站点安全性,帮助开发人员对其代码进行安全审计。本篇博客介绍的是基于Chrome浏览器的hackbar插件的安装与注册,在Firebox浏览器与Chrome浏览器上的安装类似,对在firebox的安装本篇博客不再做说明。 HackBar_v2.2.6下载和安装 1、打开Chrome…

    2022年6月1日
    286
  • superagent使用代理

    superagent使用代理superagent是一个轻量级的Ajaxapi,既可以在服务端的nodejs中使用,也可以在客户端的javascript中使用,其api相对简单易上手。大家在工作中应该经常会使用到,但是superagent通过代理去调用服务,应该很少使用,下面就给大家具体介绍下如何使用:由于superagent本身不支持代理的方式进行http请求,因此需要借助第三方的模块,本文介绍的是superagent-proxy。安装$npminstallsuperagent-proxy示例varr

    2025年8月3日
    7
  • 月之暗面完成C轮5亿美元融资,杨植麟“短期内不着急上市”

    月之暗面完成C轮5亿美元融资,杨植麟“短期内不着急上市”

    2026年3月12日
    2
  • java之二维数组的初始化

    java之二维数组的初始化二维数组的格式:二维数组的内存图:二维数组的例子:

    2022年5月16日
    49
  • AAA认证

    AAA认证AAA:认证、授权、计费的作用1、认证模式为AAA[Huawei]user-interfacevty04[Huawei-ui-vty0-4]authentication-mode?aaaAAAauthenticationpasswordAuthenticationthroughthepasswordofauserterminalinterface[Huawei-ui-vty0-4]authentication-modeaaa–将t.

    2022年6月7日
    95
  • java中mdc是什么_MDC 什么的缩写

    java中mdc是什么_MDC 什么的缩写展开全部 MDCnum 罗马数字 e78988e69dMD Zimbabwe MDCMissouriD DadeColleg

    2026年3月18日
    2

发表回复

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

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