HTML-在页脚上对齐图像

Question

尝试将图像与页面底部对齐时遇到麻烦。 我正在编辑我的worpdress php文件：用于HTML的footer.php和用于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

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

Answer 1

像这样

remove #bottomDweller下面的bottom:20px ；

演示

的CSS

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