CSS 상대 위치 지정

Question

.tag 요소를 문자 그대로 img 태그 위에 놓기를 원합니다. 나는 position: relative을 시험해 보았습니다. 그러나 제가 좋아할만큼 잘 작동하지는 않습니다. .tag가 그 아래에 이미지를 밀어 넣기를 원하지 않습니다. 두 요소 내부에 div

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

Answer 1

외측 DIV에 position: relative 및 position: absolute.

이 작동하는 이유에 대한 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> 

당신은 상대적으로 위치 부모 컨테이너 내에 절대 태그를 배치 할 수 있습니다.

스타일을 분명히 인라인으로 표시하지 마십시오.