子div使用了绝对定位，父div没有使用定位（相对定位）

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    /*完善下列代码*/
    .per{
     width: 300px;
     height: 300px;
     background: red;
     margin-left:200px;
     margin-top: 200px;
   }
  
   .son{
     width: 100px;
     height: 100px;
     background: blue;
     position: absolute;
     top: 100px;
     left:100px;
   }
  </style>
</head>
<body>
  <div class="per">
    <div class="son"></div>
  </div>
</body>
</html>
老师，这里我把父div的相对定位去掉了，为什么蓝块就跑到红块外面去了？不是说，绝对定位是相对于父一级的吗？那这里，父一级没加相对定位，绝对定位怎么就没有参照父一级了？也就是说，如果父一级不加相对定位，绝对定位就不会参照父一级？可是视频里说，绝对定位是参照直接父一级的啊，怎么矛盾了？

岩爵 2019-09-26

源自：CSS定位 2-5 编程练习

7

收起

2回答

好帮手慕阿满回答被采纳获得+3积分 2019-09-26 19:43:06

同学你好，同学的理解有点问题，相对是相对于父div定位的，如果父div移动，那么子div也会跟着父div移动的。如果父div固定不动，子div设置相对定位，是相对于原来的位置进行定位。

如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~

好帮手慕阿满 2019-09-26 18:15:19

同学你好，绝对定位相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，那么它的定位就相对于最初的包含块，如：

所以父div没有设置定位，子元素设置绝对定位，那么子div是相对于body定位。

如果将子div的绝对定位改为相对定位，将会相对于父div定位，出现在父div中间。

如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~

提问者岩爵 #1

相对定位是相对于自己啊！就算写在父div里，也不会是相对于父div来定位吧？应该还是相对于自己原来的位置来定位吧。

2019-09-26 18:42:25

相似问题

绝对定位和相对定位使用及搭配

关于绝对定位的问题，父级元素是绝对定位不是相对定位，也能相对于父级元素定位，对么？

关于绝对定位和浮动混排

为什么要给父级元素设置相对定位？

麻烦看下对不对，顺便想问一下，为什么给子元素设置绝对定位前要给父元素设置相对定位

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

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号