力高度＆amp;聊天小部件上的垂直滚动

Question

我有这个聊天小部件：

正如您从上面所注意到的那样，它无限长。有没有办法用滚动条强制固定高度150px？我知道这样做我需要获得min-height，height＆amp; 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;
}