div를 이미지 위로 이동 CSS

Question

2 버튼이 포함 된 이미지와 제출 양식 div가 있습니다.

이미지 오른쪽 하단에 2 개의 버튼을 배치하고 싶습니다. 그러나 이미지는 수평 및 수직 일 수 있으므로 항상 오른쪽 하단에 있어야합니다.

일부 검색을 시도했지만 나에게 적합하지 않은 것 같습니다. 어쨌든 이것을 달성?

내 이미지에는 고유 한 ID가 있습니다. 와 나는 DIV로 나의 모양을 만들었다. 링크

<img src='' id:'photo_img'/> 

<div id='buttons'> 
</div> 

http://jsfiddle.net/rgmCc/

Answer 1

의

일이 당신이 찾고있는 무엇인가?

CSS

#directions{ 
    height: 50px; 
    width: 50px; 
    position: relative; 
} 
#directions a{ 
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
} 

HTML

<div id="directions"> 
    <a href="#">Maps</a> 
</div> 

>> WORKING EXAMPLE <<

난 당신이 내부 a을 포장 할 필요가 있다고 생각 div (이미이 사건을 가지고)와주고 포장의 배경 div 더하기 너비와 높이를 컨테이너 오른쪽 아래로 이동하려면

는 높이

---

편집

ANOTHER EXAMPLE