html - 垂直拉伸(stretch) UL 到 div

Question

如何扩展我的 UL 以防止这种情况发生？

如您所见，列表在滚动条的顶部和底部结束，但没有超过箭头。我该如何解决这个问题？ div 设置为溢出并保存列表。

<div class="thing-box">
  <ul id="thing-ul">
   {{#each thing}}
    <div class="each-thing">
     {{text}}
    </div>
   {{/each}}
  </ul>
</div>


.thing-box {
  height: 300px;
  width: 80%;
  overflow: hidden;
  overflow-y: scroll;
}

Answer 1

问题是我直接将一个 div 添加到 <ul> 中.
我更换了 <ul>与 <li>现在可以了
遗憾的是，我无法将评论标记为答案，但谢谢 Roy。