如何在标签内容中插入滚动条？

Question

我需要在中插入滚动，并在 NOT IN BODY 中插入！

我已经在overflow: scroll和.tab-content中都插入了.tab-pane，但是没有出现滚动条。使它出现的唯一方法是在.tab-content中插入一个高度，但这不是我想要的！

在.tab-content中插入高度的问题是，我需要为每个设备创建一个不同的高度，即使那样它也不能很好地工作。

HTML

<main id="pills-tabs-section">
    <div class="tab-content">
        <div role="tabpanel" id="nav-tabs-horizontal-pills-register" class="tab-pane fade show active" aria-labelledby="nav-tabs-horizontal-pills-register"></div>
    </div>
</main>

SASS

@mixin global-tab-content-table {
    .tab-content {
        @extend %scroll-vertical;



        .tab-pane {
            @extend %scroll-vertical;
            background-color: blue;


            @content;



        }
    }
}