在div中滚动div？

Question

我在外部div中有一个带有大量文本的div。内部div包含一堆div，我用它来格式化文章。

<div style="overflow: hidden;" id="article_area">
  <div id="always_visible_stuff">
  </div>
  <div style="overflow: auto;" id="outer_div">
    <div id="inner_div">
      <div id="formatter1">
      ...
      </div>
      <div id="formatter2">
      ...
      </div>
      ...
    </div>
  </div>
</div>

这会显示滚动条，但我无法滚动。不知何故，外部div似乎没有得到内部div的高度。如何获得有效的滚动条？

Answer 1

在.article-data元素上设置高度值。例如：

<div class="article-data" id="article-data" style="overflow: auto;height: 100vh;">