水平堆叠三个DIV，使中间可滚动

Question

我有1）标题，2）左侧面板，3）中间Div1 4）中间Div2＆amp; a 5）右分区

<div id="HEADER">
</div>

<div id="LEFT_PANEL">
</div>

<div id="DIV1_mid">
</div>

<div id="DIV2_mid">
some dynamic content
</div>

<div id="RIGHT_PANEL">

左侧面板保持预定高度。 middle_div2 div显示的东西可以直到左侧面板的高度。一旦middle_div2的内容超过左侧面板的高度，内容就会粘在左侧面板下方的页面左侧。帮我做mid_div2可滚动!!!!! 请帮我把它弄好！

Answer 1

设置max-height并为overflow:scroll

添加#DIV2_mid

检查此FIDDLE

Answer 2

如果你想让div的内容可滚动，你可以在CSS中使用它：

#DIV2_mid {
   overflow:scroll;
}