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>
相关推荐
我命由我123458 分钟前
CesiumJS 案例 P35:添加图片图层(添加图片数据)
开发语言·前端·javascript·css·html·html5·js
白兰地空瓶1 小时前
🚀 10 分钟吃透 CSS position 定位!从底层原理到避坑实战,搞定所有布局难题
前端·css
倚肆3 小时前
CSS中transition属性详解
前端·css
QT 小鲜肉5 小时前
【QT/C++】Qt样式设置之CSS知识(系统性概括)
linux·开发语言·css·c++·笔记·qt
倚肆8 小时前
CSS 动画与变换属性详解
前端·css
小只笨笨狗~9 小时前
css-文字背景渐变色
前端·css·html
BingoGo9 小时前
CSS 也要支持 if 了 !!!CSS if() 函数来了!
前端·css
用户12039112947269 小时前
CSS定位全解析:从静态到粘性,掌握元素布局的核心技巧
css
有点笨的蛋9 小时前
CSS 定位彻底搞懂:五种 position 的真实差异与最佳实践
前端·css
Zyx200710 小时前
CSS 定位系统全解析:从文档流到 sticky 的实战指南
css