flex布局下overflow失效问题
2024-04-13 20:59:25
经常我们会使用flex布局，但是flex布局常常会遇到一些不可思议的麻烦，下面介绍一下overflow遇到的麻烦
我在工作中使用了左右两栏布局
.container {
display: flex;
}
.left {
flex:;
overflow: auto;
}
.right {
width: 500px;
}
我的想法是左边宽度要自适应，而且需要滚动条，虽然这样设置了，但奇怪的事情发生，左边的内容并没有出现滚动条，通过查阅资料，可以通过如下办法解决
.container {
display: flex;
}
.left {
flex:;
overflow: auto;
width:;
}
.right {
width: 500px;
}
样式需要多加一个 width: 0;
最新文章
- QFontMetrics的一个问题
- 团队博客作业Week1
- [公告]这里的博客将不再更新，最新博客请移步至blog.coderzh.com
- 【No.1 Ionic】基础环境配置
- POJ 3525 Most Distant Point from the Sea （半平面交向内推进+二分半径）
- WPF手写代码配置文件——单例
- 手把手教你把VIM改成一个集成开发环境
- java中拼接两个数组
- 04面向对象编程-01-创建对象 和 原型理解（prototype、__proto__）
- 【英国毕业原版】-《伯明翰城市大学毕业证书》BCU一模一样原件
- redis的三种集群方式
- .Net File类的操作
- type() 和 isinstance()区别
- C#中 property 与 attribute的区别
- Linux下处理文件中的^M
- stm8 时钟输出引脚
- 模式识别之bayes---bayes 简单天气预测实现实例
- POJ3254Corn Fields——状态压缩dp
- 基于Linux的Samba开源共享解决方案测试（二）
- Vector & ArrayList Hashtable & HashMap ArrayList & LinkedList