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>
相关推荐
smchaopiao6 分钟前
理解HTML中的段落标签:功能与应用
前端·css·html
御形封灵15 小时前
纯CSS实现方块下落等待动画
前端·css
转角羊儿15 小时前
CSS补充重要知识
前端·css
林九生16 小时前
【Vue3】解决 Tailwind CSS v4 + Vite 8 中 `@import “tailwindcss“` 不起作用的问题
前端·css
遗憾随她而去.18 小时前
高德地图自定义点标记: SVG vs HTML+CSS两种方案
前端·css
啪叽18 小时前
别再手写 if-else 选字体颜色了,CSS contrast-color() 来帮你处理
前端·css
Irene199120 小时前
CSS中层叠上下文的定义与触发条件
css·z-index·层叠上下文
kyriewen1121 小时前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
kyriewen111 天前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·javascript·css·less·css3·sass·html5
重生之光头强下海当程序猿1 天前
调整word中的序号格式(缩进,起始值,序号与文字的间距等
前端·css·word