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 小时前
巧用mask属性创建一个纯CSS图标库
css·svg
寻找沙漠的人6 小时前
前端知识补充—CSS
前端·css
NoneCoder9 小时前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影9 小时前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
羊小猪~~10 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
前端Hardy14 小时前
HTML&CSS:酷炫的3D开关控件
前端·javascript·css·3d·html
devotemyself15 小时前
vue的ElMessage的css样式不生效
前端·css·vue.js
noravinsc15 小时前
css代码加密
前端·css·tensorflow
别发呆了吧15 小时前
前端准备面试题总结(css+js+ES6+vue+http+项目场景+地图相关问题)
前端·javascript·css
阿征学IT16 小时前
圣诞快乐(h5 css js(圣诞树))
前端·javascript·css