CSS相对定位

Question

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

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

Answer 1

外部div上的

position: relative和内部的两个元素 position: absolute上的div。

请参阅此处，了解其工作原理：
http://css-tricks.com/absolute-positioning-inside-relative-positioning/

现场演示： http://jsfiddle.net/XakBp/

Answer 2

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

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

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