CSS- flex侧栏 - 页面的全高 - Weebly

Question

我一直在一个Weebly网站上工作：https：//testerbuyer.weebly.com/

问题是左侧的侧边栏菜单。

如果侧边栏菜单只有几个菜单项，则侧边栏覆盖了页面的全高，并粘贴到页面上。如果菜单像我一样有很多项目，则侧边栏开始与页面一起移动是完全可以的，但是至少我需要将其扩展到内容的全高度。

所以我试图让侧边栏覆盖页面内容的整个高度。

侧边栏是弹性的，所以我一直在尝试使用各种教程，我可以在设置侧边栏中全部设置heigh，有几个，但是我似乎无法做到这一点工作。

当前侧栏min-height属性设置为100vh。

我一直在尝试min-height: 100%, flex: 1;似乎没有什么可以使它全高。

我该如何修复？

Answer 1

我已经在下面编辑了您的一些CSS代码，首先，我将位置重写为固定和最小高度，然后添加溢出滚动属性，希望您的问题已解决。

@media screen and (min-width: 64.0625em){
    body.nav-position-sidebar .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 260px;
        height: 100vh;
        padding: 40px;
        border-bottom: none;
        /* display: flex; */
        /* flex-direction: row; */
        overflow: auto;
    }
}