当 div 的高度发生变化时，如何让图像贴在 div 的底部？答案

【问题标题】：How can I get an image to stick to the bottom of a div as the height of the div changes?当 div 的高度发生变化时，如何让图像贴在 div 的底部？
【发布时间】：2009-09-29 04:03:28
【问题描述】：

我有一个 div，需要将图片粘贴到右下角。这很容易做到：

#div1 {
    position: relative;
}

#div1 img {
    position: absolute;
    bottom: 0;
    right: 0;
}

但是，随着一系列嵌套列表的片段在悬停事件中显示和隐藏，div 的高度会动态变化。当 div 的高度发生变化时，图像将保持在页面加载时放置的位置。如何让图像随着 div 的底部上下移动？

【问题讨论】：

我似乎无法在 Firefox 中复制这种行为，它是特定于浏览器的吗？
如果我明确设置了 div1 的高度，我只能复制它。图像保持在底部的宽度、高度，而文本可以延伸到 div 之外。

标签： jquery css positioning

【解决方案1】：

这不应该发生。您的代码中的其他地方有错误。

【讨论】：

你说得对，先生，实际发生变化的 div 是我有图像的 div 的父级，实际上并没有改变。当我将图像移出一个关卡时，一切正常。

【解决方案2】：

一个想法：用一个有两行的无边框表格来伪造它：第一行是 div 部分，第二行是图像。

【讨论】：

【解决方案3】：

当它的内容改变时，你的 div 高度真的改变了吗？我们需要更多代码（html、js 和 css）。

【讨论】：

【解决方案4】：

您应该将您的 div 分成几个角，并将它们单独包含在一个外框元素中。这基本上就像一个网站；带有页眉、正文和页脚。无论如何，不要使用 Javascript。

从 Nitfy Corners 中查看以下示例： http://www.html.it/articoli/nifty/index.html

【讨论】：