老师这个相对absolute一样移动了定位移动元素，为啥最后是像

文丞武蔚 2020-10-15

源自：CSS定位 6-1 固定定位

21

收起

2回答

好帮手慕阿园回答被采纳获得+3积分 2020-10-16 16:40:37

同学你好，并不是按照绝对定位移动的哦

相对定位是相对于相对的元素本身进行定位

也就是当two设置了相对定位后，它会相对于自己以前的位置进行移动，所以这里是原始位置距离底部bottom距离90px，距离左边left距离20px

而绝对定位，作用将元素从文档流中拖出来,将不占用原来元素的空间，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父级元素进行绝对定位。如果不存在就逐级向上排查，直到相对于html定位，即相对于浏览器窗口。所以这里如果设置了绝对定位后的效果如下

综上，这里并不是按照绝对定位进行偏移的

祝学习愉快

好帮手慕阿园 2020-10-16 10:12:23

同学你好，同学的代码中#two设置了left:20px;而one并没有设置，所以绿色部分向右移动了20px的距离，而红色的没有

如果同学问的不是这个问题，建议同学具体描述下

另外，关于代码的问题，建议同学以复制粘贴的方式反馈代码，便于老师定位问题。

祝学习愉快

提问者文丞武蔚 #1

老师是这样的，#two里是要通过相对定位将绿色的块叠在红色上但是这里它是按照绝对定位移动的 <html> <head> <style type="text/css"> #one{ width: 100px; height: 100px; background: red; /* 请在此添加代码*/ position:absolute; } #two{ width: 100px; height: 100px; background: green; position:relative; left:20px; bottom:90px; /* 请在此添加代码*/ } </style> </head> <body> <div id="one"> </div> <div id="two"> </div> </body> </html>

2020-10-16 15:43:30

相似问题

绝对定位能不能使浮动元素偏离？

3-2 浮动情况下负边界值会导致元素上移？为什么？

老师，父元素设置absolute属性，子元素设置absolute，可以实现相对祖先定位吗

老师相对定位不是相对于祖先元素定位吗为什么我这样些不行呢

为啥消失了

登录后可查看更多问答，登录/注册

java工程师2020版

参与学习人
提交作业 9393 份
解答问题 16556 个

综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪

本课精华内容

问答作业

安装了MySQL 之后有时候自己会跳出来个黑窗口是为什么呢？

79 1

什么时候用List中的ArrayList呢，什么时候用HashSet，什么时候应该用HashMap

81 1

创建字符串的过程理解

62 1

如何干净的卸载数据库

134 1

请教一下没太懂

48 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载