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>
相关推荐
coding随想1 小时前
深入Modernizr源码:揭秘CSS伪类检测的底层逻辑
前端·css
程序员林北北2 小时前
【前端进阶之旅】50 道前端超难面试题(2026 最新版)|覆盖 HTML/CSS/JS/Vue/React/TS/ 工程化 / 网络 / 跨端
前端·javascript·css·vue.js·html
Amumu1213817 小时前
CSS简介
前端·css
温轻舟1 天前
前端可视化大屏【附源码】
前端·javascript·css·html·可视化·可视化大屏·温轻舟
糖糖TANG1 天前
学成在线 案例练习
前端·css
1314lay_10071 天前
color: var(--el-color-success); CSS里面使用函数
前端·css
Kyl2n1 天前
【密码口令保存小工具】
javascript·css·css3
银烛木1 天前
黑马程序员前端h5+css3
前端·css·css3
听海边涛声1 天前
CSS3 图片模糊处理
前端·css·css3
小黑的铁粉2 天前
使用 min-height: 0 为什么可以防止 flex 项目溢出?
前端·css