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>
相关推荐
秋天爱美丽4 小时前
css实现圆角+边框渐变+背景半透明
前端·css
XboxYan9 小时前
借助CSS实现自适应屏幕边缘的tooltip
前端·css
艾小码10 小时前
CSS粘性定位失效?深度解析 position: sticky 的陷阱与解决方案
前端·css
cos10 小时前
FE Bits Vol.3|CSS attr() 类型化进化,PostCSS 复盘 12 年
前端·css·aigc
全宝11 小时前
【前端特效系列】css+js实现聚光灯效果
javascript·css·html
rannn_1111 天前
【Javaweb学习|黑马笔记|Day1】初识,入门网页,HTML-CSS|常见的标签和样式|标题排版和样式、正文排版和样式
css·后端·学习·html·javaweb
小离a_a1 天前
使用原生css实现word目录样式,标题后面的...动态长度并始终在标题后方(生成点线)
前端·css
郭优秀的笔记1 天前
抽奖程序web程序
前端·css·css3
布兰妮甜1 天前
CSS Houdini 与 React 19 调度器:打造极致流畅的网页体验
前端·css·react.js·houdini
小小愿望1 天前
移动端浏览器中设置 100vh 却出现滚动条?
前端·javascript·css