CSS相对定位

Question

我希望将.tag元素直接放在img标记的顶部。我已经尝试过position: relative，但它并不完全像我希望的那样工作。我不希望.tag将下面的图像推送到它下面。

<div class="first center">
    <div class='tag'></div>
    <img src=''/>
</div>

Answer 1

<div class="first center" style="position: relative;">
    <img src='' />
    <div class='tag' style="position: absolute; top: 0; left: 0;"></div>
</div>

您可以在相对定位的父容器中定位绝对标记。

注意，显然不要内联你的风格。