相对定位与绝对定位

最新推荐文章于 2021-07-26 10:20:48 发布
最新推荐文章于 2021-07-26 10:20:48 发布
阅读量215 收藏
点赞数
分类专栏： CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyh123chh/article/details/76984610
版权

1、相对定位的元素是相对自身进行定位，参照元素是自己。

2、绝对定位的元素是相对离它最近的一个已经定位的父级元素进行定位。

一只懒猫不爱睡觉
关注
专栏目录
什么是css绝对定位与相对定位,CSS相对定位与绝对定位
weixin_39664136的博客
08-04 1082
1.相对定位Position : relative ;特点：1 如果没有定位偏移量，对元素本身没有任何影响；2 不使元素脱离文档流，空间是会被保留；3 不影响其他元素布局；4 left、top、right、bottom是相对于当前元素自身进行偏移的。代码：初始效果为三个方形并列向下，对box2添加了相对定位，box2相对于本身left: 100px，发生位移后，box2实际占位为偏移前的原位置而非...
html div相对位置,div的相对定位与绝对定位
weixin_39524741的博客
06-04 2522
这几个部分都是可以通过CSS进行指定的，当然，CSS还可以控制背景，因此，我们可以通过CSS来灵活控制我们页面的外观。二、CSS中的文档流模型所有的块元素在html文档中是按照它们出现在文档中的先后顺序排列的(当然，嵌套不在此列)，每一个块都会另起一行。如下图他们对应的html如下：div1div2div3为了定义他们的宽度、高度还有边框，我们定义如下的CSS：#div1 {border: 1px...
相对位置&绝对位置
nicecode
07-26 235
相对位置: ​ 一个元素相对于视口的位置 /* * getBoundingClientRect()： 获取一个元素四个角的 相对位置 * getBoundingClientRect() + 滚动条滚动时元素滚动的距离---> 绝对位置 * 代表元素border-box的尺寸 height width 元素左上角的相对位置 (元素border-box上) left top 元素右下角的相对位置 (元素borde
position的值， relative和absolute分别是相对于谁进行定位的
angybaby97的博客
08-20 4917
absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。 static 默认值。没有定位，元素出现在正常的流中 sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出
小程序之相对定位与绝对定位
qq_32534441的博客
04-21 1226
相对定位：元素是相对自身进行定位绝对定位：元素是相对于离他最近的一个已经定位的父元素进行定位相对定位：position:relative;//某一元素相对于父元素激活相对定位布局，position（位置、立场）relative（相对布局）left:150px;    top:150px//距离左边间隔150px，距离顶部150px绝对定位：当某一元素启用绝对定位元素时，他要空出...
关于相对定位与绝对定位的区别
热门推荐
CaseyWei
07-15 3万+
之前一直搞不明白html中positon:relative; 和 position:absolute;这两个属性。这里记录一下。 理论解释： 相对定位：该元素相对于自己原有位置，偏移一定距离。相对的是自己。 绝对定位：该元素相对于其父元素，偏移一定距离。相对的是父元素，重点是这个父元素也需要是设置了position属性。从最近的父元素开始找，直到找到body位置为止。 好吧，光看理论解...
css 相对定位 绝对定位 浮动 分析
09-25
本篇文章将深入探讨相对定位、绝对定位以及浮动的概念，这些都是网页设计中不可或缺的技能。 **相对定位（Relative Positioning）** 相对定位是CSS定位的基础，它允许元素在不改变其在正常文档流中的位置的情况下...
html中相对定位怎么写,html中相对定位与绝对定位
weixin_34664632的博客
06-04 1274
来讲讲html中相对定位与绝对定位，有的后端同学对html的相对定位与绝对定位，不太熟的福利来了，本篇对于html的相对定位与绝对定位讲的很详细呢！html是整个文档空间，body是html中的文档空间， body与html相差9cm左右postion中的相对定位：relativepostion中的绝对定位：absoute相对定位：当没有参照物的时候，相对定位是相对与body定位的绝对定位：当没有...
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
1805.06605v2 DEFENSE-GAN.pdf
09-16
1805.06605v2 DEFENSE-GAN.pdf
【语音去噪】FIR和IIR低通+带通+高通语音信号滤波（含时域频域分析）【含Matlab源码 4943期】.mp4
09-16
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 语音处理系列程序定制或科研合作方向：语音隐藏、语音压缩、语音识别、语音去噪、语音评价、语音加密、语音合成、语音分析、语音分离、语音处理、语音编码、音乐检索、特征提取、声源定位、情感识别、语音采集播放变速等；
java-ssm+jsp幼儿园管理系统实现源码(项目源码-说明文档)
09-16
管理员成功登录后台管理界面，选择“教师管理”，出现教师列表。在教师管理页面，管理员可以添加、修改、查询及删除教师信息。 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：jsp 关键技术：jsp、spring、ssm、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
hadoop_3_2_0-yarn-resourcemanager-3.3.4-1.el7.x86_64.rpm
09-16
Ambari+Bigtop 一站式编译和部署解决方案 https://gitee.com/tt-bigdata/ambari-env
理解CSS定位：相对定位与绝对定位详解
"这篇文章主要探讨了CSS中的position属性，特别是相对定位（relative）和绝对定位（absolute）的概念和用法。作者通过实例解释了这两个定位方式的差异，并着重讲解了它们相对于什么进行定位。" 在网页设计中，CSS的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值