html - チャット ウィジェットの高さと垂直スクロールを強制する

Question

私はこのチャットウィジェットを持っています:

上からお気づきかもしれませんが、無限に長くなります。スクロールバーで 150px などの固定高さを強制する方法はありますか? min-heightこれを行うには、 , height&を取得する必要があることを知っていますoverflow: autoが、どういうわけかそれが影響しなければなりません。

だから私は疑問に思っています、私は何が欠けているのですか？

Jsfiddle : http://jsfiddle.net/eBCkT/2/

Answer 1

追加すると

#chat {
    height: 150px;
}

チャットの高さはわずか 150 ピクセルで、垂直スクロールバーがあります。#twitter でも同じことができます

入力が常に表示されるように、会話のみに設定することもできます。

#chat ul.chat-box {
    height: 150px; /* in this case #chat should be 150px + height of input area */
    overflow: auto;
}