HTML - 바닥 글에 이미지 정렬

Question

페이지 하단에 이미지를 정렬하는 데 문제가 있습니다. 내 worpdress php 파일을 편집하고 있습니다 : footer.php는 HTML이고 CSS는 stylesheet.css입니다. 하단의 거주자 또는 래퍼 높이를 변경하면 이미지의 위치가 변경되지 않습니다. html/css가 페이지 하단의 특정 지점에 위치하도록 어떻게 변경합니까?

HTML

<div id="wrapper"> 
     <div id="bottomDweller"> 
     <img src="http://anbhialann.ie/wp-content/uploads/2014/01/Menu-Pages-Badge.png" alt="Bottom of the page" width="42" height="42"></div> 
    </div> 

CSS 아래 #bottomDweller이

removebottom:20px처럼

#wrapper {height: 500px; position:relative;} 
#bottomDweller {position: absolute; bottom:20px;} 

Answer 1

;

demo

CSS

#bottomDweller { 
    position: absolute; 
    bottom: 0; 
    background-color:red; 
}