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>
相关推荐
parade岁月17 小时前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
前端Hardy20 小时前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
程序员阿耶1 天前
5 个让 CSS 起飞的新特性,设计师看了直呼内行
css
前端Hardy1 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
漂流瓶jz1 天前
BEM、OOCSS、SMACSS、ITCSS、AMCSS、SUITCSS:CSS命名规范简介
前端·css·代码规范
前端Hardy2 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied2 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
光影少年2 天前
前端css如何实现水平垂直居中?
前端·javascript·css
Purgatory0012 天前
CSS 访问服务器
服务器·前端·css
henry1010102 天前
DeepSeek生成的HTML5小游戏 -- 黑8台球
前端·javascript·css·游戏·html