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>
相关推荐
站在风口的猪11082 小时前
《前端面试题:CSS预处理器(Sass、Less等)》
前端·css·html·less·css3·sass·html5
Hygge-star3 小时前
【Flask】:轻量级Python Web框架详解
css·flask·html·学习方法·web app
牧码岛9 小时前
Web前端之隐藏元素方式的区别、Vue循环标签的时候在同一标签上隐藏元素的解决办法、hidden、display、visibility
前端·css·vue·html·web·web前端
棉花糖超人12 小时前
【从0-1的CSS】第1篇:CSS简介,选择器已经常用样式
前端·css
potender13 小时前
前端基础学习html+css+js
前端·css·学习·html·js
Hilaku13 小时前
你以为的 Tailwind 并不高效,看看这些使用误区
前端·css·前端框架
Hilaku13 小时前
为什么越来越多 Vue 项目用起了 UnoCSS?
前端·css·html
中微子14 小时前
☀️这些CSS里的选择器你知道多少❓
css
Larcher14 小时前
css真难,那就从基础开始吧
前端·css
Linsk14 小时前
深入解析 Sass 的 `~` 路径问题:为什么你的导入会失败?
css·scss·前端工程化