html - 在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 的高度。我必须做什么才能获得工作滚动条？

标签： htmlcss

Answer 1

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

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