我看了你的代码，问题是overflow-y样式必须添加到**.cardclass而不是.bodyclass。这是因为你想在div上滚动.card**class。你可以在下面看到正确的样式。

.card {
    width: 400px;
    height: 400px;
    background: black;
    box-sizing: border-box;
    color: white;
    overflow-y: scroll;
  
    padding: 16px;
  
    .container {
      width: 100%;
      display: table;
      border-spacing: 8px;
      border-collapse: collapse;
  
      .header {
        color: var(--neutrals-70);
        display: table-header-group;
  
        .row {
          display: table-row;
          border-bottom: solid 1px var(--neutrals-40);
  
          .cell {
            display: table-cell;
            padding: 16px 0;
  
            .cell-container {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
            }
          }
        }
      }
  
      .body {
        color: var(--neutrals-70);
        display: table-row-group;
        height: 10px;
  
        .row {
          display: table-row;
          vertical-align: center;
  
          .cell {
            display: table-cell;
            border-spacing: 0;
            padding: 4px 0;
            vertical-align: middle;
  
            .cell-container {
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
            }
          }
        }
  
      }
  
    }
  
 }

字符串