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 小时前
CSS Grid 布局参数详解(超细化版)+ 中文注释 Demo
前端·css·grid
我是伪码农6 小时前
HTML和CSS复习
前端·css·html
阿珊和她的猫6 小时前
以用户为中心的前端性能指标解析
前端·javascript·css
_耀北7 小时前
用 Canvas + CSS 打造“会呼吸”的天气卡片(附源码可复制)
前端·css
牧码岛7 小时前
Web前端之样式中的light-dark函数,从媒体查询到颜色函数,从颜色到图片,light-dark打开CSS新时代、主题切换的暗黑模式到image的正解
前端·css·web·web前端
ZC跨境爬虫11 小时前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
慧一居士12 小时前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
牧码岛12 小时前
Web前端之样式中的prefers-color-scheme,一套完整的主题系统设计与原理解析
前端·css·web·web前端
我命由我1234513 小时前
HTML 开发 - HTML 描述列表标签(<dl>、<dt>、<dd>)
前端·javascript·css·html·css3·html5·js
前端老石人13 小时前
表单与交互式元素
前端·css·html