使html kanban可滚动

Question

我正在尝试创建一个看板，那里的代码看起来很棒，但是当一个列(例如ToDO)有大量的项时，我使用浏览器滚动条向下滚动，我希望每个泳道都可以看到一个滚动条，并且能够滚动一个泳道，这样我就不必做整个页面了。

我尝试过添加overflow：.section。

    .section > h1 {
        margin: 0;
        border-bottom: 1px solid #999;
        padding: 0;
        font-size: 12pt;
        text-align: center;
        overflow-y:scroll;

    }

但这是一个滚动条，但我不能单独滚动一个泳道。我对HTML/CSS完全陌生。

Answer 1

将overflow-y:scroll;添加到节类(.section)，而不仅仅是类中的h1s。

  .section {
        display: table-cell;
        margin: 0;
        border: 1px solid #666;
        padding: 5px;
        width: 300px;
        overflow-y:scroll;
    }

你所做的只是使标题滚动如果要大，而不是整个事情。也许您应该看看css中">“的解释。