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> 

可以定位標籤絕對相對定位的父容器內。

請注意，顯然不要內聯您的樣式。