javascript - 使div粘在容器div的底部

Question

我想要一个 div (#menu) 固定在其底部边缘与其容器 (#cont) 的底部边缘之间。通常这对于绝对定位很容易，但我希望#cont 拉伸(stretch)到#menu 的大小。那为什么它粘在顶部或底部很重要，你想知道吗？

我使用 jQuery slideUp 效果，它在动画中垂直收缩#cont。发生这种情况时，我希望看到 #menu 向上移动，而不是像毯子一样将容器的底部边缘拉到上面。但是，默认情况下溢出在底部被 chop 。

它用于 iceforge.net 上的菜单.如果您还不明白我的意思，请检查它们。

---

我已经解决了一些问题，尽管它有点难看。 #menu 仍然是一个正常定位的元素。在准备好文档时，我使用 Javascript 使其绝对定位。为了防止 #cont 折叠，我向其添加了一个高度为 #menu 的空 div。

可以在我链接的页面上看到。

Answer 1

您是否尝试过将容器 div 设置为“position: relative”？如果这样做，则可以将菜单 div 绝对定位在容器的底部。

[edit] 好吧，我重新阅读了你的笔记，现在我想我理解得更好了。好吧，如果是我，我仍然会尝试在容器上使用“position: relative”，尽管我有预感 IE 会让您感到悲伤。也许不是。另外我不确定“溢出:隐藏”是否会在菜单周围拉伸(stretch)容器。