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>
相关推荐
有颜有货5 小时前
网站开发技术是什么?网站开发技术的定义,分类,特点,要求一文看懂
css·html·web·网站开发
大漠_w3cpluscom8 小时前
利用现代 CSS 实现区间选择
前端·css·html
用户9714171814278 小时前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css
用户9714171814279 小时前
absolute 元素的包含块(containing block)怎么找
前端·css
kyriewen9 小时前
响应式设计:一套代码,手机平板电脑全拿下
前端·css·html
亮子AI9 小时前
【Tailwind】如何兼容旧的浏览器?
css·浏览器·tailwindcss·tailwind
Arya_aa9 小时前
CSS中盒模型的边框属性
css
. . . . .12 小时前
CSS三大主流方案深度解析
前端·css·tensorflow
麦麦鸡腿堡12 小时前
JavaWeb_HTML/CSS快速入门
前端·css·html
Mintopia13 小时前
现代 CSS 使用技巧(进阶篇):从布局到性能的实战方法
前端·css