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>
相关推荐
阿虎儿3 小时前
CSS 毛玻璃效果完全指南:从入门到避坑
css
清风细雨_林木木6 小时前
CSS 报错:css-semicolonexpected 解决方案
前端·css
熙街丶一人6 小时前
css 图片未加载时默认高度,加载后随图片高度
前端·javascript·css
洗发水很好用10 小时前
uniapp纯css实现基础多选组件
前端·css·uni-app
whuhewei11 小时前
CSS动画倍速播放
前端·css
ZTLJQ12 小时前
构建网页的三剑客:HTML, CSS, JavaScript 完全解析
javascript·css·html
苏武难飞12 小时前
分享一个THREE.JS中无限滚动的技巧
前端·javascript·css
橘子编程12 小时前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
cch891812 小时前
常见布局实现详解(Flex 实战版)
前端·javascript·css
勇往直前plus1 天前
前端三基石:从后端视角理解 HTML、CSS 与 JavaScript
前端·css·html