display flex 的div 被子元素撑开不显示滚动条的一个解决demo

display flex 的div 被子元素撑开,不显示y轴滚动条的 一个解决demo。

注: 不一定适用所有人的的相同问题

less

css 复制代码
# less
.contact {
  display: flex;
  flex-grow: 1;
  overflow: hidden auto;
  flex-direction: column;

  .contact-items {
    flex: 1 1 0;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    overflow: hidden auto;
   
    .item{
		.....
	}
   }
}

html

html 复制代码
  <div class="contact">
    <div class="contact-items">
        <div class=item>
    </div>
</div>
相关推荐
ZhengEnCi4 小时前
M5-markconv自定义CSS样式指南 📝
前端·css·python
xingpanvip5 小时前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua
yqcoder8 小时前
CSS 外边距重叠(Margin Collapsing):现象、原理与完美解决方案
前端·css
山楂树の9 小时前
图像标注大坑:img图片 + Canvas 叠加标注,同步放大后标注位置偏移、对不齐?详解修复方案及亚像素处理原理
前端·css·学习·canva可画
JYeontu14 小时前
照片墙太死板?做一个会随风摇摆的绳串图片交互效果
前端·javascript·css
吹个口哨写代码14 小时前
小程序图片不显示,直接访问显示,头部配置问题
javascript·css·nginx
遇见~未来14 小时前
第一篇_认识CSS_风格的起点
前端·css
遇见~未来14 小时前
第二篇_CSS核心_盒子_布局_视觉
前端·css
林恒smileZAZ14 小时前
宇宙画布:纯 CSS+JS 实现交互式深空艺术
前端·javascript·css
ZC跨境爬虫16 小时前
跟着 MDN 学 HTML day_5:(原生table表格语义化搭建+CSS轻量化交互美化全实战)
前端·css·ui·html