Flex 布局中 overflow-scroll 失效怎么办？

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《Flex 布局中 overflow-scroll 失效怎么办？》，聊聊，我们一起来看看吧！

flex 布局中 overflow-scroll 失效的解决方法

如题所述，当使用 flex 布局时遇到了 overflow-scroll 失效的问题。具体现象是在父元素（wrapper）设置 flex 布局后，子元素（div）的 overflow-scroll 设置无效。

问题原因

滚动条出现的条件之一是内容超出容器。因此， overflow-scroll 失效可能是因为父元素未设置高度或最大高度限制。

解决方案

为了解决这个问题，可以考虑以下方法：

• 设置容器元素的高度或最大高度：给父元素（wrapper）设置一个具体的像素值或百分比高度，确保子元素（div）有足够的空间来显示内容。
• 使用 vh 单位：vh 单位表示窗口视口高度的百分比。给父元素设置一个 vh 值，例如 vh(60)，可以根据浏览器窗口的大小自动调整高度，确保子元素始终有足够的空间显示内容。

以上就是《Flex 布局中 overflow-scroll 失效怎么办？》的详细内容，更多关于的资料请关注golang学习网公众号！