Flex 布局 overflow-scroll 失效？如何让 flex-grow 的 div 内容溢出显示滚动条？

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《Flex 布局 overflow-scroll 失效？如何让 flex-grow 的 div 内容溢出显示滚动条？》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

flex 布局 overflow-scroll 失效？

你在使用 flex 布局遇到了问题，发现外层设置 overflow-scroll 对内层 div 失效。你想让 flex-grow 的 div 内容溢出时显示滚动条。

根据你的描述，overflow-scroll 失效可能有两个原因：

• 内容未超出容器：overflow-scroll 需要内容超出容器才能生效。确保你的 flex-grow div 设置了高度或最大高度。
• 上级容器未设置高度：如果上级容器未设置高度，内层 div 的 overflow-scroll 属性将被覆盖。考虑使用 vh 单位设置上级容器的高度，它会基于视口高度设置 flex-grow div 的高度，从而让内容溢出时出现滚动条。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~