Html 响应布局中的溢出滚动

我有这样的布局：

<div id="container">
<div id="sidebar">
    <div id="logo"></div>
    <div id="box"></div>
</div>
<div id="content">
    <div id="gallery">
        <div class="thumb"></div>
        <div class="thumb"></div>
        <div class="thumb"></div>
        <div class="thumb"></div>
        <div class="thumb"></div>
    </div>
</div>
</div>

我需要

#框

的内容以及

#图库

或

#内容

可以垂直滚动

因为我的布局是有责任的，而且#容器的溢出是隐藏的，所以我认为这些特性一定有问题

在这里，我创建了一个示例来说明这个问题。

您可以将其添加到CSS框中

编辑：

因为你可以用

overflow: auto;

---

在DIV中你想滚动

对不起，我忘了提到我不想在

#框

或

#图库

中设置固定高度或最大高度。只要浏览器窗口打开，它就必须具有响应性和伸缩性。在我链接的JSFIDLE和我的文件上，它似乎不起作用。我不明白为什么。我已经改变了答案。。

max-height : 100px ; /*for example*/

overflow: auto;