Html CSS-Flex侧边栏-页面全高-Weebly

我一直在一个Weebly网站上工作：

问题是左侧的侧边栏菜单

如果侧边栏菜单只有几个菜单项，则侧边栏将覆盖页面的整个高度并粘贴到页面上。如果菜单中有很多像我一样的项目，侧边栏开始随着页面移动，这是完全好的，但至少我需要将其拉伸到内容的最大高度

所以我试图让侧边栏覆盖页面内容的全部高度

侧边栏是在flex中设置的，所以我一直在尝试使用各种各样的教程来设置侧边栏的全高，虽然有一些，但我似乎无法让它工作

当前，侧栏

min height

属性设置为

100vh

我一直在尝试

minheight:100%，flex: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;
    }
}

我很喜欢你的解决方案，但是如果我希望侧边栏基本上是内容长度的整个长度，然后与内容一起上下滚动怎么办？而不是滚动条。如果你需要相对滚动，那么你只需谈论站点位置：绝对，高度：100vh；最小高度：100%真棒，效果也很好。非常感谢你的帮助，你是一个传奇！Wellcome@Joe Bloggs