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>
相关推荐
行走的陀螺仪16 小时前
Sass 详细指南
前端·css·rust·sass
熊猫钓鱼>_>18 小时前
Vue3 + Tailwind CSS + DaisyUI 现代前端开发完全攻略
前端·css·vue.js·vue3·tailwind·daisyui·现代开发
ssshooter1 天前
为什么移动端 safari 用 translate 移动元素卡卡的
前端·css·性能优化
wusp19941 天前
【超完整】Tailwind CSS 实战教程
前端·css·tailwind
前天的五花肉1 天前
D3.js研发Biplot(代谢)图
前端·javascript·css
lcc1871 天前
CSS 浮动
css
编代码的小王1 天前
【无标题】
前端·css
be or not to be1 天前
HTML 与 CSS 基础入门笔记
css·笔记·html
霍理迪1 天前
CSS复合、关系、属性、伪类选择器
前端·javascript·css
李少兄1 天前
深入理解 CSS :not() 否定伪类选择器
前端·css