使用固定元素滚动溢出问题

Question

基本上我试图在聊天框中有一个滚动溢出y。 事情是;我也有一个聊天框的标题，在聊天内容可以滚动之前被聊天内容溢出。 我希望它在<div class="header">Social Chat</div>之前停止溢出，以便它永远不会重叠。

也;现在内容永远不会滚动 - 我不知道为什么。 这是我的jsfiddle： http://jsfiddle.net/FcEdx/

Answer 1

这就是你要找的东西吗？

http://jsfiddle.net/FcEdx/9/

我修改了css如下

.header
    {
        position: absolute;  
        z-index: 2;
        width: 100%;
    }
.chat-messages-wrapper {
    position: absolute;
    bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    height: 100%;
    overflow-y: auto;
}