在div上设置相对位置是否会将其从文档流中取出？

Question

在div上声明position:relative而不指定位置坐标（如top，left等）是否会将其从正常文档中删除？ Plz提供推理。

感谢 DKJ。

Answer 1

不，它没有。 relative定位不会影响布局，定位元素仍然位于逻辑的初始位置，因此保留占用的空间。

但它可能会被top，right，bottom，left偏移/属性视觉取代。

  

<强> 9.3.1 Choosing a positioning scheme: 'position' property

     

relative 框的位置是根据normal flow计算的（这称为正常流程中的位置）。然后   盒子相对于其正常位置偏移。当盒子B是   相对定位，计算下一个框的位置   好像B没有偏移。 [...]

Answer 2

没有

  

相对定位的元素仍然被认为是在   文档中元素的正常流动。

通过https://developer.mozilla.org/en-US/docs/Web/CSS/position#Absolute_positioning