
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 内容溢出显示滚动条?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1630716.html
微信扫一扫
支付宝扫一扫