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>
相关推荐
职场人参2 小时前
将多个pdf合并成一个文件?这几种合并方法很好用!
linux·前端·css
JohnsonXin5 小时前
【兼容性记录】video标签在 IOS 和 安卓中的问题
android·前端·css·ios·h5·兼容性
qq_4243171811 小时前
html+css+js网页设计 旅游 大理旅游7个页面
css·html·旅游
安冬的码畜日常1 天前
【CSS in Depth 2 精译_029】5.2 Grid 网格布局中的网格结构剖析(上)
前端·css·css3·html5·grid·css布局·grid布局
安冬的码畜日常1 天前
【CSS in Depth 2 精译_030】5.2 Grid 网格布局中的网格结构剖析(下)
前端·css·css3·html5·flexbox·网格布局·css布局
qq_424317181 天前
html+css网页设计 旅游网站首页1个页面
css·html·旅游
Cat God 0071 天前
胡学乱想----前端知识点(css色彩)
前端·css
雪芽蓝域zzs1 天前
Html css水平居中+垂直居中+水平垂直居中的方法总结
前端·css·html
懒羊羊大王呀1 天前
CSS——网格布局(display: grid)之上篇
前端·css
小小李程序员1 天前
CSS调整背景
前端·css