css - 如何将元素定位在具有高度和溢出 :auto 的 div 的底部

Question

这是我的情况，我有一个 div，它有 height:400px 和 overflow:auto 当内容超过 400px 时滚动。在这个 div 里面我有 2 个 div。一个普通的未知高度和另一个具有绝对定位的锚定到底部:0px;

只要没有滚动条，高度在400px以下就OK了。但是一旦我们得到滚动条，问题就会出现。

这是问题所在，我希望根据 div 内容的实际高度而不是 400px 来定位绝对 div。我希望它始终位于底部滚动条位置的底部，而不仅仅是视觉零底部。

有没有人可以阐明一下？

Answer 1

用另一个“最小高度”为 100%(“位置”为“相对”以使其成为绝对定位的 div 的偏移父级)的两个内部 div 怎么样？在 Chrome 中进行的快速测试表明这可能有效。

IE6 可能有点棘手(如果你需要支持它的话)，因为它不支持“最小高度”。不过，您可能会通过 IE6 特定的 CSS hack 获取“高度”来为您执行此操作，因为 IE6 似乎将“高度”视为与“最小高度”非常相似。