限制div中的垂直内容

Question

我无法限制div在其内部垂直存放内容。我希望overlay div的项目描述部分垂直限制其内容，我试图通过两种方式解决这个问题。

我尝试的第一种方法是将overflow-y: auto;作为项目描述div的一部分，这是我得到的结果：

我试图解决这个问题的第二种方法是将overflow-y: auto;作为整个叠加div的一部分，这就是我得到的结果：

第二种方法的问题是我希望滚动条能够出现，但我不希望滚动条导致信息的侧边栏不可用（或者立即如此，它在下面所有的文字而不是侧面）。我认为增加div的大小可以在宽度方面起作用，但是这会导致它使用Skeleton（我可以重建我需要使用这个覆盖函数的部分）来松开它的格式，但是作为网页设计的新手和建筑，我想我会问，看看是否有一些明显的解决方案，我只是错过了。

TL：DR - 我希望我的叠加div在其中有另一个div，它垂直滚动。

源代码和此类：

• 我正在使用Skeleton来帮助构建我的网站。
• Here是我正在使用的HTML。
• Here是我添加的css的一部分。

Answer 1

从<div>下方删除空白.overlay-container：

<div class="container overlay-container">
  <h2 id="projectTitle"></h2>
  <div class="two-thirds column project-description"></div>
  <div class="one-third column"></div>
</div>