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>
相关推荐
龙猫里的小梅啊7 小时前
CSS(七)CSS列表控制
前端·css
李李李勃谦7 小时前
鸿蒙PC配色方案工具:取色、配色生成与 CSS 导出
前端·css·华为·harmonyos
码农小河668 小时前
AI 一键生成 HTML/CSS/JS 静态网站【压缩包返回可直接提交】
css·人工智能·html
用户2367829801688 小时前
CSS 阴影生成器:从单层到多层叠加的艺术
css
Rkgua8 小时前
CSS动画效果
前端·css
Rkgua8 小时前
Flexbox 与 Grid 布局
前端·css
里欧跑得慢9 小时前
Flutter 主题管理:构建一致的用户界面
前端·css·flutter·web
龙猫里的小梅啊9 小时前
CSS(八)CSS显示模式display属性
前端·css·css3
ZC跨境爬虫9 小时前
跟着 MDN 学 HTML day_13:多媒体嵌入 —— 视频与音频
前端·css·笔记·ui·html·音视频
之歆9 小时前
DAY12_CSS3选择器全攻略 + 盒子新特性完全指南(上)
前端·css·css3