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>
相关推荐
panda49195 小时前
css主流布局
前端·css
合作小小程序员小小店6 小时前
web网页开发,在线%医院诊断管理%系统,基于Idea,html,css,jQuery,java,jsp,ssh,mysql。
java·前端·css·数据库·jdk·html·intellij-idea
软件技术NINI6 小时前
html css js网页制作成品——html+css+js5 页 jk制服附源码
javascript·css·html
重铸码农荣光8 小时前
从 0 到 1 实现 LocalStorage 待办清单:CSS 进阶 + 前端工程化思想实践
css·前端工程化
凌波粒12 小时前
CSS基础详解(1)
前端·css
yqcoder1 天前
在 scss 中,&>div 作用
前端·css·scss
小马哥编程1 天前
这个variables.scss文件中$menuText:#bfcbd9;:export {menuText: $menuText; }的语法符合要求吗
前端·css·scss
爆浆麻花1 天前
为什么有些人边框不用border属性
前端·css
www_stdio1 天前
用 localStorage 打造本地待办清单:一个轻量级的前端实践
javascript·css·json
光影少年1 天前
css影响性能及优化方案都有哪些
前端·css