CSS相对定位

Question

我希望将.tag元素直接放置在img标记的顶部。我已经试过position: relative，但它不是我想要的。我不希望.tag将它下面的图像。

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

Answer 1

position: relative在外层div，和position: absolute上 两个元件 div内部。

在这里看到的为什么这个工作的一个explantion：
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> 

可以定位标签绝对相对定位的父容器内。

请注意，显然不要内联您的样式。