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>
相关推荐
Json____10 分钟前
前端入门练习题集-HTML/CSS/JS实战小项目15个
前端·css·html
前端若水1 小时前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3
大家的林语冰13 小时前
前端周刊:axios 疑遭朝鲜黑客“钓鱼“;CSS 新函数上线;npm 上线深色主题;Oxlint 兼容表;ESLint 支持 Temporal......
前端·javascript·css
LIO17 小时前
前端响应式通用 CSS(Flex 为主,含主色调)
前端·css
我命由我1234519 小时前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
前端老石人1 天前
与 CSS 的一次美丽邂逅
前端·css
前端老石人1 天前
Chrome DevTools 调试入门:从零开始排查 CSS 问题
前端·css·chrome devtools
不考研当牛马2 天前
HTML CSS 新手大全初学者必看 (含有部分 JavaScript)
javascript·css·html
暗不需求2 天前
告别“class 命名地狱”:从面向对象 CSS 到原子 CSS(Tailwind) 的思维跃迁
前端·css·react.js
极客小俊2 天前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器