在弹性布局中内容溢出，滚动条失效的解决办法

发表于 更新于 分类于 ， 本文字数： 126 阅读时长 ≈ 1 分钟

当在使用弹性布局时，我们希望头部、底部固定，中间 flex:1 的部分实现滚动条显示，但是我们会发现，滚动条不会触发，直接超出弹性区域范围。

解决方法是在设置 flex:1 的位置，将高度设置为 0：

1
2
height: 0px; // 为了能够有滚动条
flex: 1px;