html - 在聊天小部件上强制高度和垂直滚动

Question

我有这个聊天小部件：

从上面你可能会注意到，它无限长。有没有办法用滚动条强制固定高度说 150px？我知道要做到这一点，我需要得到min-height, height&overflow: auto但不知何故，这必须生效。

所以我想知道，我错过了什么？

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

Answer 1

当我添加

#chat {
    height: 150px;
}

聊天只有 150px 高并且有一个垂直滚动条。你可以为#twitter 做同样的事情

您也可以仅为对话设置它，以便输入始终可见：

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