css - スクロールを許可しながら div を下に揃えるにはどうすればよいですか?

Question

と で div の下部に固定されたチャットボックスがposition: absolute;ありbottom: 0px;ます。ただし、これの問題は、スクロールできないことです。どうすればそれを実現できますか？

-編集- このページの下部にあります: 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;