div的相对定位和绝对定位是什么意思,什么区别啊?
小弟初学不是很懂``请问什么是相对定位和绝对定位啊?有什么区别?
最好有解释的例子```
谢谢两位大哥``还是没怎么懂```
最新回答
梦忆沐歌
2020-09-13 17:54:55
相对定位和绝对定位是定位的两种表现形式，区别如下：
一、主体不同
1、相对定位：是设置为相对定位的元素框会偏移某个距离。
2、绝对定位：absolute 脱离文档流，通过 top,bottom,left,right 定位。
二、特点不同
1、相对定位：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
2、绝对定位：选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
三、表现方式不同
1、相对定位：对一个元素进行相对定位，它将出现在它所在的位置上。可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
2、绝对定位：文本流中的内容会顶替绝对定位元素的位置，而绝对定位元素自然的层叠于文本流之上。而在单一的绝对定位中，定位元素将会跑到网页的左上角，因为那里是被绝对定位后的坐标原点。
参考资料来源：
百度百科-CSS相对定位
参考资料来源：
百度百科-绝对定位
看不见的坚强
2020-10-28 06:31:16
http://www.w3school.com.cn/css/css_positioning_relative.asp
这个教程应该比较清楚了
夜来疯
2023-08-22 05:46:50
往事如风
2023-12-17 19:26:25
<div class="sonBox"></div>
</div>
---------------------
<style>
.fatherBox { position: relative; width: 600px; height: 400px; background: #000; }
.sonBox { position: absolute; left: 20px; top: 20px; width: 100px; height: 100px; background: #fff; }
</style>
---------------------
解释一下：
父层fatherBox设为相对定位，子层sonBox设为绝对定位，相对于父层来说，它在距左20px距上20px的位置显示，过于详细的解释网上搜得到，楼主实践一下就懂了．
繁花晕染
2020-12-20 02:08:28
文档流 也有人叫普通流、正常流，指语言文本 从左到右，从上到下显示，是传统HTML文档的 文本布局。浮动(float)、绝对定位(absolute)、固定定位(fixed)三种方式 会脱离文档流。
快捷键说明
视频统计信息
Video url:
Video volume:
Video time:
Duration:
Dropped Frames:
Resolution:
x
[x]
按住此处可拖拽
不再出现
可在播放器设置中重新打开小窗播放
热门标签
