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

Question

我有一个 1) 标题，2) 左面板，3) 中间 Div1 4) 中间 Div2 和 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 的内容超过 left-panel 的高度，内容就会粘在页面的左侧，left-panel 的下方。帮助我使 middle_div2 可滚动!!!!!!请帮我解决问题!

Answer 1

设置max-height并为#DIV2_mid添加overflow:scroll

检查这个FIDDLE