What is the difference in behavior of this two pairs of tags(see in)?

First example

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

Second example

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