固定（顶部和底部）div之间的滚动div

我无法让中间div不能溢出到下一个。这是一个聊天，中间div将包含消息，并将是唯一的“可滚动”部分。固定（顶部和底部）div之间的滚动div

主要聊天布局创建如下（为了更好地理解内联CSS）：

<div id="divContainer" runat="server" style="box-sizing: border-box; word-wrap: break-word; width: 20%; max-height: 35%; position: fixed; right: 0px; bottom: 0%; box-sizing: border-box;"> 
    <div id="divTop" style="float: left;width: 100%;"><span id="spanChatMinimize" style="float: right; padding: 3px;">_</span> 
    </div> 
    <div style="clear: both"></div> 
    <div id="divBody" runat="server" style="overflow-y: scroll; box-sizing: border-box;"></div> 
    <div id="divControls" runat="server" style="position:absolute;box-sizing: border-box; bottom:0px; width:100%;"></div> 
</div>

然后我把一些程序创建的div（每个聊天评论，有没有相关的方式），“divBody “和一些编程创建的控件”divControls“。

我不能让“divBody”停留在“divTop”和“divControls”之间，作为唯一一个滚动条，我不想在容器旁边固定高度。

看到消息的http://jsfiddle.net/r7scgxwf/2/

滚动条（“divBody”）是存在的，但是灰色（无效），因为它在我看来，它溢出了“divControls”，也是整个聊天容器（” divContainer“）。控件是可见的，并且消息在控件之间的空间下方可见（溢出）。

所以我的问题是，如何控制div开始，如果有必要添加滚动如何使中间div结束？也不使用JavaScript。

来源

2015-11-03 Mr Billy

尝试添加一些高度到您的包含div #divContainer，然后为聊天div #divBody的高度。

#divContainer { height: 150px; } 
#divBody { height: 100px; overflow:auto;}

小提琴：http://jsfiddle.net/8matvxto/

来源

2015-11-03 16:15:29 sshhDaniella

固定（顶部和底部）div之间的滚动div

回答

相关问题