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>
相关推荐
小王码农记1 天前
CSS中自定义属性函数var()
前端·css·vue.js
BD_Marathon1 天前
【JavaWeb】CSS浮动
前端·css
写代码的皮筏艇2 天前
CSS中常使用的函数
前端·css
草字2 天前
css 按钮的脉冲光环动画,强调动画。
前端·css
BD_Marathon2 天前
【JavaWeb】CSS_三大选择器
前端·css
苦夏木禾2 天前
使用css制作一个环形进度展示圈
前端·css
软件技术NINI2 天前
html css js网页制作成品——成毅html+css+js 5页附源码
javascript·css·html
苏打水com2 天前
第四篇:Day10-12 JS事件进阶+CSS动画——实现“复杂交互+视觉动效”(对标职场“用户体验优化”需求)
javascript·css·交互
苏打水com2 天前
第六篇:Day16-18 AJAX进阶+接口对接——实现“前后端数据交互”(对标职场“接口开发”核心需求)
css·okhttp·html·js
m0_376137942 天前
DevUI主题系统进阶:CSS-in-JS与暗黑模式无缝切换架构
javascript·css·架构·devui