这两对标签的行为有何不同（见）？

Question

第一个例子

<div style="position: relative">
    <div style="position: relative; top: 10px">text</div>
</div>

第二个例子

<div style="position: relative">
    <div style="position: absolute; top: 10px">text</div>
</div>

Answer 1

绝对定位的元素不占用dom中的空间，因此外部div没有高度。这是它做的一件事。我鼓励你阅读它，然后在codepen中测试一下，但实际上并不是这个地方。

Answer 2

第一个将在移动的元素后面留下“幽灵”。第二个完全取决于文档的流程。

Answer 3

第一个将内部div 10px相对于它所处的位置放置在顶部。 第二个将内部div 10px顶部定位到它将被定位的位置，忽略外部div的填充和边界，并将其从文档流中移除。