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>
相关推荐
刻刻帝的海角15 小时前
CSS 颜色
前端·css
python算法(魔法师版)1 天前
html,css,js的粒子效果
javascript·css·html
LBJ辉2 天前
1. 小众但非常实用的 CSS 属性
前端·css
学不完了是吧2 天前
html、js、css实现爱心效果
前端·css·css3
Zaly.2 天前
【前端】CSS实战之音乐播放器
前端·css
孤客网络科技工作室2 天前
不使用 JS 纯 CSS 获取屏幕宽高
开发语言·javascript·css
m0_748247552 天前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
肖老师xy2 天前
css动画水球图
前端·css
LBJ辉2 天前
2. CSS 中的单位
前端·css
wang.wenchao2 天前
十六进制文本码流转pcap(text2pcap)
前端·css