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>
相关推荐
谢尔登1 小时前
【CSS】样式隔离
前端·css
LQW_home9 小时前
前端展示 接受springboot Flux数据demo
前端·css·css3
WebGirl10 小时前
一个 CSS 属性aspect-ratio
css
xump11 小时前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
Lhuu(重开版17 小时前
CSS:动效布局动画
前端·css
不羁的fang少年20 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
yivifu21 小时前
CSS Grid 布局详解(2025最新标准)
前端·css
姜太小白1 天前
【前端】CSS媒体查询响应式设计详解:@media (max-width: 600px) {……}
前端·css·媒体
蓝胖子的多啦A梦1 天前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
喂自己代言1 天前
HTML ``元素:链接外部资源的关键角色与用法
css·html