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 小时前
【银行内网开发-管理端】Vue管理端+Auth后台开发+Nginx配置+Linux部署(详细解析)
linux·javascript·css·vue.js·nginx·html·前后端联调
慕斯fuafua2 小时前
CSS——浮动
前端·css
xcjbqd07 小时前
CSS中隐藏元素的多重技巧与应用场景
前端·css
慕斯fuafua13 小时前
CSS——定位
前端·css
AnalogElectronic14 小时前
html+js+css实现七龙珠神龙召唤特效
javascript·css·html
qq_3813385015 小时前
现代 CSS 黑科技:Container Queries、:has() 与嵌套语法实战
前端·css·科技
程序员buddha1 天前
SCSS从0到1精通教程
前端·css·scss
小李子呢02112 天前
前端八股CSS---CSS选择器和优先级
前端·css
Sheldon一蓑烟雨任平生2 天前
grid(一文读懂 css 网格布局)
前端·css·grid·grid-template·现代css·css 网格布局
05Nuyoah2 天前
CSS 基础认知和基础选择器
前端·javascript·css·node.js