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>
相关推荐
Hilaku37 分钟前
我为什么认为 CSS-in-JS 是一个失败的技术?
前端·css·前端框架
Giant1001 小时前
0 基础也能懂的 Flex 布局教程:3 步搞定网页排版
css
Sherry0071 小时前
【译】掌握 Flexbox 的终极指南:从烤肉串到鸡尾酒香肠的布局哲学
css·面试·flexbox
那一抹阳光多灿烂4 小时前
CSS 编码规范
前端·css
degree5204 小时前
CSS :has() 选择器详解:为什么它是“父选择器”?如何实现真正的容器查询?
前端·css·css3
૮・ﻌ・4 小时前
CSS高级技巧---精灵图、字体图标、布局技巧
前端·css
昔人'4 小时前
纯`css`固定标题并在滚动时为其添加动画
前端·css
三角叶蕨4 小时前
javaweb CSS
css·web
ice breaker4 小时前
tailwindcss 究竟比 unocss 快多少?
css·unocss·tailwindcss
小白64024 小时前
前端梳理体系从常问问题去完善-基础篇(html,css,js,ts)
前端·css·html