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>
相关推荐
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
LeQi2 小时前
当!important成为代码毒瘤:你的项目是不是也中了招?
前端·css·程序员
LuckySusu3 小时前
【CSS篇】对position: sticky定位的深入理解
前端·css
LuckySusu3 小时前
【CSS篇】什么是 Margin 重叠问题?如何解决?
前端·css
LuckySusu3 小时前
【CSS篇】元素的层叠顺序(Stacking Order)详解
前端·css
拾光拾趣录3 小时前
CSS高级技巧与实用伪类
前端·css
漂流瓶jz11 小时前
清除浮动/避开margin折叠:前端CSS中BFC的特点与限制
前端·css·面试
涵信9 天前
第一节 布局与盒模型-Flex与Grid布局对比
前端·css
skyymrj10 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
涵信10 天前
2025年CSS最新高频面试题及核心解析
前端·css