Html 需要在div的最底部显示图像

我希望图像显示在div的最底部，div没有设置的高度，因为它会根据内容主体div中的内容量进行更改

<a href="http://facebook.com/page" id="find-us-on-facebook">facebook</a>

---

假设您是指您的背景图像，并且您仍然希望它左对齐（默认情况下是这样）更改

到

试一试

---

这可能有用。

尝试添加以下CSS：

#featured-left {
 position: relative;
}

#featured-left a#find-us-on-facebook {
 position: absolute;
 bottom: 0;
}

试试这个

position: absolute;
bottom: 0;

并确保要在最底部显示此内容的div没有

位置：static

---

我希望这就是您要寻找的内容。

将

填充底部：52px

添加到facebook按钮所在的内容分区中，该分区的高度等于按钮的高度（52px）（如果容器底部已经有一些填充，请将其添加到52px，或者添加更多，以在按钮和内容之间创建间隙）并将content div的position属性设置为

position:relative

然后将您的facebook按钮位置设置为

位置：绝对

，并使用

底部：0

和您认为合适的

左侧

或

右侧

进行定位

---

还有一个更为文明的解决方案——简单地把它放在内容分区内内容的最底部。尽管我认为既然你问了这个问题，你就不能这么做。

哪幅图像？背景图像？或者不同的图像？它改变了图像的位置吗？另外，您是否检查以确保其他样式没有干扰？或者背景图像与容器的高度相同

background: url('/images/uploads/images/find-us-on-facebook.png') no-repeat left bottom

vertical-align:bottom;

#featured-left {
 position: relative;
}

#featured-left a#find-us-on-facebook {
 position: absolute;
 bottom: 0;
}

position: absolute;
bottom: 0;