Html 如何解决在CSS中使用flex布局时出现的滚动条问题？
我使用的是使用flex布局的前端框架。我开始创建一个管理页面，其中有Html 如何解决在CSS中使用flex布局时出现的滚动条问题？,html,css,scroll,flexbox,Html,Css,Scroll,Flexbox,我使用的是使用flex布局的前端框架。我开始创建一个管理页面，其中有侧栏，标题，主部分。我希望侧边栏和标题+主要部分能够独立工作。因此，如果侧边栏的数据多于浏览器窗口的站点，则应使用滚动条-但始终尝试填充整个空间，因此应具有高度：100%。标题+主要部分应该有一个滚动条，但标题不应该是粘性的-它应该保持在顶部，即使主要部分有很多内容 实际上，我通过将overflow:initial添加到main部分而不是overflow:auto来实现这一点。因此，滚动条现在显示在整个容器的侧面，而不仅仅是ma
侧栏标题主高度：100%overflow:initialmainoverflow:automainhtml，正文{
边际：0px；
}
.集装箱{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-ms柔性方向：行；
弯曲方向：行；
-webkit-box-flex:1；
-ms-flex:1；
弹性：1；
-ms flex首选尺寸：自动；
弹性基础：自动；
-webkit框大小：边框框；
框大小：边框框；
最小宽度：0；
-webkit盒方向：正常；
身高：100%；
}
.旁白{
-webkit过渡：留有0.5s的余量，易于输入输出；
过渡：留有0.5s的裕度；
溢出：自动；
-webkit框大小：边框框；
框大小：边框框；
-ms-flex阴性：0；
弹性收缩：0；
宽度：260px；
背景：#333；
身高：100%；
颜色：#fff；
}
.滚动条{
排名：0；
底部：0；
左：0；
右：0；
身高：100%；
溢出：隐藏；
位置：固定；
溢出：隐藏；
位置：相对位置；
}
.垂直{
-webkit盒方向：正常；
-网络工具包盒方向：垂直；
-ms-flex方向：列；
弯曲方向：立柱；
}
.标题{
颜色：#333；
线高：50px；
文本对齐：左对齐；
背景色：#fff；
边框底部：1px实心#eee；
填充：0 20px；
-webkit框大小：边框框；
框大小：边框框；
-ms-flex阴性：0；
弹性收缩：0；
高度：50px；
背景：#999；
}
梅因先生{
背景色：#e9eef3；
颜色：#333；
字体系列：“开放式Sans”，无衬线；
显示：块；
-webkit-box-flex:1；
-ms-flex:1；
弹性：1；
-ms flex首选尺寸：自动；
弹性基础：自动；
溢出：初始值；
-webkit框大小：边框框；
框大小：边框框；
填充：20px；
}
.卡片{
边框：1px实心#EBEEF5；
背景色：#FFF；
颜色：#303133；
-webkit转换：.3s；
过渡：.3s；
-webkit盒阴影：0 2px 12px 0 rgba（0,0,0,1）；
盒影：0 2px12px 0 rgba（0,0,0,1）；
-webkit框大小：边框框；
框大小：边框框；
}
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
酒吧
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo
foo