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 小时前
从字符串到像素:深度解析 HTML/CSS/JS 的页面渲染全过程
javascript·css·html
行走的陀螺仪2 小时前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
午安~婉4 小时前
HTML CSS八股
前端·css·html
有事没事实验室4 小时前
css变量
前端·css
杂鱼豆腐人6 小时前
【自用】CSS查漏补缺
前端·css
码银7 小时前
【简易聊天室】使用 HTML、CSS、JavaScript 结合 WebSocket 技术实现
javascript·css·node.js·html
Justineo10 小时前
TemPad Dev:设计与实现
前端·javascript·css
我穿棉裤了11 小时前
使用css 给div添加四角线框
前端·css
musenh21 小时前
css样式学习
css·学习·css3
木易 士心21 小时前
CSS 中 `data-status` 的使用详解
前端·css