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>
相关推荐
cz追天之路7 小时前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less
Light607 小时前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维
前端·css·响应式设计·组件化开发·css if函数·声明式ui·现代css
前端Hardy12 小时前
祝大家 2026 年新年快乐,代码无 bug,需求一次过
javascript·css·html
be or not to be19 小时前
HTML+CSS 浮动与表格全总结笔记
css·笔记·html
秋雨雁南飞21 小时前
WaferMap.HTML
前端·css·html
舆通Geo优化1 天前
2025年GEO优化选哪家好?长沙GEO优化公司排名:GEO服务商哪家靠谱?
javascript·css·html
GDAL1 天前
Tailwind CSS 菜单实现全面讲解教程(基于书签篮网站场景)
前端·css·菜单
Reese_Cool1 天前
一篇文章梳理 HTML + CSS 核心知识(含响应式与 Sass)
前端·css·html
OpenTiny社区1 天前
博文精读:Chrome CSS 2025年回顾
前端·css·chrome·开源·opentiny
C_心欲无痕1 天前
css - 预处理器sass与后处理器postcss
css·sass·postcss