将UL拉伸到垂直方向

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

问题是我直接在<ul>添加div 我将<ul>替换为<li>，现在它正常工作 可悲的是，我无法将评论标记为答案，但感谢Roy。