html - 这两对标签的行为有何不同(参见)？

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

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