如何在仍然允许滚动的同时将div对齐到底部？

Question

我有一个聊天框，固定在包含position: absolute;和bottom: 0px;的div底部。 然而，问题在于它不可滚动。我将如何实现这一目标？

-Edit-它位于此页面的底部：http://www.novaember.com/servers/minecraft/

Answer 1

你可以这样做：

#chatdiv {
   overflow-y: scroll;
}

Answer 2

我在你给的页面上尝试了一些东西。我想通过将height: 285px和overflow-y: scroll添加到#webchat-messages，我得到了您的要求。

Answer 3

我们想强制div接受其父div的高度。使用top:0应该允许：

position: absolute;
top: 0;
bottom: 0;
overflow-y: scroll;