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>
相关推荐
不考研当牛马5 小时前
HTML CSS 新手大全初学者必看 (含有部分 JavaScript)
javascript·css·html
暗不需求5 小时前
告别“class 命名地狱”:从面向对象 CSS 到原子 CSS(Tailwind) 的思维跃迁
前端·css·react.js
极客小俊7 小时前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器
何何____7 小时前
css变换语法介绍及案例展示
前端·css
gCode Teacher 格码致知10 小时前
Javascript提高:点击飘忽不定的气球,气球爆炸并增加分数-由Deepseek产生
javascript·css·css3
用户0595401744610 小时前
Playwright 多标签页 IndexedDB 同步测试踩坑实录:折磨我6小时的浏览器沙箱陷阱
前端·css
Raytheon_code20 小时前
从零到一:我用微信小程序做了一款串珠DIY定制工具
css·微信小程序·html5·ai编程
摇滚侠1 天前
11 空间转换 前端 Web 开发 HTML5 + CSS3 + 移动 web 视频教程,前端web入门首选黑马程序员
前端·css·html·css3·html5
小李子呢02111 天前
前端八股CSS---CSS布局
css·html·css3