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>
相关推荐
whuhewei3 小时前
在React中实现CSS动画的回放
前端·css·react.js
敏编程7 小时前
一天一个Python库:soupsieve - CSS 选择器在 Beautiful Soup 中的力量
开发语言·css·python
圣光SG7 小时前
奶茶店网页(纯HTML和CSS)
前端·css·html
kyriewen7 小时前
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
前端·css·面试
reasonsummer9 小时前
【白板类-02-01】20260326找影子01(html+希沃白板)
css·html·css3
dear_bi_MyOnly1 天前
【 HTML + CSS + JavaScript 学习速通 max】
javascript·css·学习·html·学习方法
星空1 天前
css+html案例
css·html·css3
厚积而薄发15281 天前
我复刻了一个“会避嫌”的登录页,还把它开源了
css·开源·用户体验
kyriewen112 天前
给浏览器画个圈:CSS contain 如何让页面从“卡成PPT”变“丝滑如德芙”
开发语言·前端·javascript·css·chrome·typescript·ecmascript
bdawn2 天前
SCSS、CSS 和 SASS 之间的联系与区别
css·sass·预处理·编译·scss