flex 布局中 overflow-scroll 失效的解决方法
如题所述，当使用 flex 布局时遇到了 overflow-scroll 失效的问题。具体现象是在父元素（wrapper）设置 flex 布局后，子元素（div）的 overflow-scroll 设置无效。
问题原因
滚动条出现的条件之一是内容超出容器。因此， overflow-scroll 失效可能是因为父元素未设置高度或最大高度限制。
解决方案
为了解决这个问题，可以考虑以下方法：
设置容器元素的高度或最大高度：给父元素（wrapper）设置一个具体的像素值或百分比高度，确保子元素（div）有足够的空间来显示内容。使用 vh 单位：vh 单位表示窗口视口高度的百分比。给父元素设置一个 vh 值，例如 vh(60)，可以根据浏览器窗口的大小自动调整高度，确保子元素始终有足够的空间显示内容。
以上就是Flex 布局中 overflow-scroll 失效怎么办？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1630738.html
微信扫一扫 
支付宝扫一扫 
