Html Flexbox元素未滚动溢出

我目前正试图使一个边栏布局工作。我感觉我就快到了，但最后一点就是不起作用

html，正文{
宽度：100%；
身高：100%；
}
#包装纸{
显示器：flex；
宽度：100%；
身高：100%；
}
.侧边栏{
身高：100%；
位置：固定；
宽度：200px；
背景：红色；
溢出：自动；
弯曲方向：立柱；
显示器：flex；
}
保险商实验室{
填充：0；
保证金：0；
}
.菜单{
弹性：1；
背景：rgb（150,0,0）；
}
.用户{
溢出：自动；
最大高度：240px；
最小高度：100px；
}

项目1
项目2
项目3
项目4
项目5


用户1
用户2
用户3

我看到了您的jsfiddle，并在

#侧栏中应用了此代码

overflow-y:scroll;

这可能有帮助

谢谢