如何在保持滾動的同時將div對齊到底部？

我有一個聊天室，固定在一個div的底部position: absolute;和bottom: 0px;。然而，這個問題是它不能滾動。我會如何做到這一點？如何在保持滾動的同時將div對齊到底部？

2012-09-30 Darkwater

什麼是不可滾動的？請提供您的代碼或示例。 – j08691

你可以像這樣：

#chatdiv { 
    overflow-y: scroll; 
}

2012-09-30 19:30:38 Nelson

這將無法正常工作，因爲聊天框比包含的div高。我將添加我正在處理該問題的頁面。 – Darkwater

我試着在你給頁面的東西。我想我通過將height: 285px和overflow-y: scroll加到#webchat-messages得到了你所要求的。

2012-09-30 19:44:02 noquierouser

這可以工作，但它會從日誌的頂部開始。是使用Javascript唯一的選擇來解決這個問題？ – Darkwater

它也適用於「高度：100％」，這比硬編碼像素更好。 – Nelson

我們希望強制div接受其父div的高度。使用top:0應該允許：

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

2012-09-30 20:15:25

回答