Javascript 水平堆叠三个div，使中间一个可滚动

我有一个1）标题，2）左面板，3）中分区，4）中分区和5）右分区

一些动态内容

左侧面板保持预定义的高度。中间的div2 div显示stuff OK，直到左面板的高度。一旦中间_div2的内容超过左面板的高度，该内容将粘贴到页面左侧，左面板下方。帮助我使中间的第2部分可滚动！！！！！

---

请帮我把它弄好

如果要使div的内容可滚动，可以在CSS中使用：

#DIV2_mid {
   overflow:scroll;
}

---

设置

最大高度

并添加

溢出：滚动
#DIV2_mid

检查此项
此答案可能是最完整的，因此farThanks@Tilwin有效。：）虽然如果我不得不，比如说，动态增加左侧面板的高度，随着#DIV2_MID中动态内容的增加，而不在DIV2_MID上放置滚动条，那么可以做什么呢？我突然想到了这一点，但找不到合适的解决方案。@user3477763目前我最接近的解决方案是这样的，但问题是#DIV#MID！如果在
px
中设置了
auto
高度（取决于它的内容）或
height
，那么它就不能在
%
中设置大小，因为家长没有设置高度（
height:auto
），但这似乎很有趣，发布一个新问题怎么样，你可能会找到有趣的答案和一些投票结果；）
#DIV2_mid {
   overflow:scroll;
}