Question

我正在尝试创建一个kanban board，代码似乎很棒，但是当一个列（例如ToDO）有大量项目时我会使用浏览器滚动条向下滚动，我想要每条泳道都可以看到一个滚动条，并且可以滚动一条泳道，这样我就不必整个页面。

我尝试添加overflow-y：滚动到.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），而不仅仅是类中的h1。

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

你所做的只是让标题可滚动，如果要大，而不是整个事情。也许你应该看一下对“＆gt;”的阐述在css

制作html看板可滚动

1 个答案: