HTML - 在页脚上对齐图像

Question

我无法将图像对齐到页面底部。我正在编辑我的worpdress php文件：footer.php为html，stylesheet.css为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 bottom:20px位于以下#bottomDweller;

<强> demo

<强> CSS

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