absolute的父元素也设置为absolute

老师之前教父元素设置成relative后, 将成为子元素定位的参照物,但是我将父元素也设置为absolute, 依然还是子元素定位的参照物, 请问有什么区别吗?

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

<style type="text/css">
    .parent{
        width: 300px;
        height: 300px;
        border: 1px solid red;
        background: gray;
        position: absolute;
        top:50%;
        left:50%;
        margin-left: -150px;
        margin-top: -150px;
    }
    .block{
        height: 100px;
        width: 100px;
        border: 1px solid red;
        background: blue;
        position: absolute;
        top:50%;
        left:50%;
        margin-left: -50px;
        margin-top: -50px;
    }
</style>
<body>
       <div class="parent">
             <div class="block"></div>
       </div>
</body>

NeilSK 2018-01-17

源自：CSS定位（position） 2-12 position-fixed

15

收起

2回答

好帮手慕糖 2018-01-17 14:45:00

你好，相对定位。是相对于自身来进行定位的。

祝学习愉快~

好帮手慕糖 2018-01-17 14:28:33

你好，是可以的哦，这里是，父元素，若设置了定位，那么值元素再设置绝对定位，是以父元素为参照。但是父元素的定位，相对定位，与绝对定位都是可以的。但是有一点，父元素如果是绝对定位，那么就需要找父元素是相对于谁来定位的（即：以谁为参照），例子中的代码，父元素是以浏览器窗口为参考的。

祝学习愉快~

提问者 NeilSK #1

那请问父元素如果是相对定位, 例子中的代码还是以浏览器窗口为参考吧??

2018-01-17 14:34:22

相似问题

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

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

absolute 和 relative区别

Rabit position 为relative的时候，为什么位置会随着浏览器变化而变化？

after设置absolute后水平垂直偏移未设，相对于relative元素的偏移？

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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