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实现打开抽屉效果(css过渡动画)
css
fruge1 天前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
kuilaurence1 天前
CSS `border-image` 给文字加可拉伸边框
前端·css
xiangxiongfly9152 天前
CSS link标签
前端·css
十年磨一剑~2 天前
html+js开发一个测试工具
javascript·css·html
爱吃巧克力的程序媛2 天前
将qt界面中加载css或者qss样式
开发语言·css·qt
拉不动的猪2 天前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·css·面试
加个鸡腿儿2 天前
锚点跳转-附带CSS样式 & 阻止页面刷新技术方案
前端·javascript·css
程序猿_极客2 天前
【期末网页设计作业】HTML+CSS+JS 美食分享主题网站设计与实现(附源码)
javascript·css·html