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 小时前
HTML和CSS 表单、表格练习
前端·css·html
小肚肚肚肚肚哦6 小时前
盘点浏览器盒模型中各种 width、height 、边距和位置属性
css·html
NightCyberpunk6 小时前
HTML、CSS
前端·css·html
南城FE7 小时前
12个更现代化的CSS单行优化技巧
前端·css
啵咿傲10 小时前
重绘&重排、CSS树&DOM树&渲染树、动画加速 ✅
前端·css
前端Hardy10 小时前
HTML&CSS:数据卡片可以这样设计
前端·javascript·css·3d·html
流烟默10 小时前
CSS中Flex布局应用实践总结
前端·css·flex布局
大G哥11 小时前
我用豆包MarsCode IDE 做了一个 CSS 权重小组件
前端·css
Au_ust16 小时前
css:感觉稍微高级一点的布局
前端·css
下页、再停留16 小时前
【前端】CSS修改div滚动条样式
前端·css