Jquery 当div的高度发生变化时，如何使图像粘贴到div的底部？

我有一个div，图像需要粘贴在右下角。这很容易通过以下方法实现：

#div1 {
    position: relative;
}

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

---

但是，当一系列嵌套列表在悬停事件中显示和隐藏时，div的高度会动态变化。当div的高度更改时，图像将保留在加载页面时放置的位置。如何使图像在上下移动时与div底部一起移动？

一个想法：用两行无边框表来模拟它：第一行的div部分，第二行的图像。

这是不应该发生的。代码中的其他地方有一个bug。

当div的内容改变时，div的高度真的会改变吗？

---

我们需要更多的代码（html、js和css）。

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

请从Nitfy Corners查看此示例：

---

我似乎无法在Firefox中复制这种行为，它是特定于浏览器的吗？只有明确设置div1的高度，我才能复制这种行为。图像保持在底部宽度和高度，而文本可以延伸到div之外。您是对的，先生，实际上正在更改的div是我有图像的div的父div，它实际上没有更改。当我将图像移出一个级别时，一切都按预期进行。