问答详情
源自:13-9 Relative与Absolute组合使用

参照定位的元素为什么必须加入position:relative; 呢?

参照定位的元素为什么必须加入position:relative; 呢?

提问者:醉卧遥峰丶 2018-05-23 15:58

个回答

  • qq_大胡子_8
    2018-05-23 16:05:22
    已采纳

    除了body,被参照的元素必须有定位属性才起作用,属性具体是什么不重要,写position:relative/absolute/fixed都行。

  • 醉卧遥峰丶
    2018-05-23 16:05:27

    明白了

    先看绝对定位的定义:

    position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

    再看box4的相对定位

    测试发现box3改为绝对属性也可以,只要具有定位属性,就可以作为box4的父包含块,否则就不具有定位属性,box就定位到body了

    (所以某种程度上来说,教程上这句话是错误的...)