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>
相关推荐
4***721314 分钟前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
温轻舟1 小时前
禁毒路上,任重道远 | HTML页面
开发语言·前端·javascript·css·html·温轻舟
木易 士心4 小时前
深入理解 CSS 中的 !important
前端·css
兔子零10245 小时前
CSS 视口单位进化论:从 100vh 的「骗局」到 dvh 的救赎
前端·css
izx88812 小时前
HTML5敲击乐 PART--1
css
牧码岛13 小时前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
南囝coding1 天前
2025年CSS新特性大盘点
前端·css
颜渊呐1 天前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css
yby15411 天前
【人类写的】anki卡片制作入门
css
卸任1 天前
解密Flex布局:为什么flex:1仍会导致内容溢出
前端·css·flexbox