html - 在调整大小时，如何让我的图像停留在 div 的底部？

Question

我需要一个图像来调整浏览器的大小，但我还需要它留在它所在的 div 的底部。它还需要在 div 中居中。

这是我的 html:

    <div id="logo">
       <img src="/images/logo_2016.jpg"> 
    </div>          

这是我的 CSS

#logo {
    position:absolute;
    max-height: 200px;
    height: 200px;
    width: 100%;
    bottom: 0px;
    left 0px;
    background-color:blue;
}

#logo img {
    position: relative;
    margin: auto;
    display: block;
    max-width: 800px;
    width: 100%;
}

我为图像使用了“position:relative”，因此它可以以“margin:auto”为中心。当浏览器调整大小时，图像会相应缩小，但它仍位于 div 的顶部。我需要它来调整大小并留在 div 的底部。

如何实现居中、调整大小和停留在底部？

Answer 1

添加底部:0； #logo img css 应该将其定位在#logo div 的底部