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>
相关推荐
哟哟耶耶2 小时前
vue3-单文件组件css功能(:deep,:slotted,:global,useCssModule,v-bind)
前端·javascript·css
不是az2 小时前
CSS知识点记录
前端·javascript·css
患得患失9497 小时前
【css技巧】用 CSS 实现:移入立即执行,移出延时返回
前端·css
慕斯fuafua9 小时前
CSS——样式
前端·css
像我这样帅的人丶你还1 天前
别再让JS耽误你进步了。
css·vue.js
小霍同学2 天前
CSS Grid 布局指南
css
Beginner x_u2 天前
前端八股整理|CSS|高频小题 01
前端·css·八股
榴莲omega2 天前
第12天:CSS(一)| Flexbox 布局完全指南
前端·css·html·js八股
fqrj20262 天前
企业官网如何设计?专业公司网站设计制作要点解析
css·html·网站建设·网站开发
一定要AK2 天前
CSS 入门到精通全章节学习笔记(含 CSS3 核心特性)
css·笔记·学习