Css 滚动条不再出现

我的应用程序中的滚动条突然消失了，我不明白为什么。我已经在Angular应用程序的style.css文件中配置了滚动条。它大约在一个小时前就在那里了，我没有改变任何其他css文件中的任何内容。有人知道如何让它重现吗

右边应该有一个滚动条

以下是styles.css文件：

::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: black;
    border-radius: 10px;
  }

这是库列表css文件。这是标题下方图像中显示的组件：

ul {
    margin:0 10px 0 0;
    padding:0;   
}

li { list-style: none; }

.item-list-container {
    column-count: 4;
    column-gap: 1.1em;
    margin-top: 107px;   
}

库列表html文件：

<ul class="container">
    <li class="item-list-container oneSec">
        <app-image-item
          *ngFor="let imageEl of galleryList"
          [image]="imageEl"
          (click)="onImageSelect(imageEl.id)"
          (click)="onLike(imageEl.imagePath)">
        </app-image-item>
    </li>
</ul>

尝试降低li标签的高度

<ul class="container">
        <li class="item-list-container oneSec" style="height: 200px">
            <app-image-item
              *ngFor="let imageEl of galleryList"
              [image]="imageEl"
              (click)="onImageSelect(imageEl.id)"
              (click)="onLike(imageEl.imagePath)">
            </app-image-item>
        </li>
    </ul>

---

因为有时滚动条只在容器高度较小且包含更多项目时出现

页面是否会滚动？您是否尝试降低需要滚动的div或容器的高度谢谢您的响应。页面没有滚动，容器div的高度没有设置，也从来没有设置过。您可以检查是否在任何地方添加了

overflow:hidden

？如果您可以编辑问题并输入库列表组件的html文件会更好，为了得到一个清晰的理解，我没有添加溢出：隐藏。我刚刚更新了post，这只是不幸地剪切了第一行图像的下半部分