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

发布日期： 2024-10-25 阅读量： 作者： 网络

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 的高度，从而让内容溢出时出现滚动条。

以上就是Flex 布局 overflow-scroll 失效？如何让 flex-grow 的 div 内容溢出显示滚动条？的详细内容，更多请关注其它相关文章！

随便看看