TL;博士:你需要
min-height:0在你的
.level-0-row2规则。
更详细的解释:
弹性项根据其子项的固有大小(不考虑其子项/后代的“溢出”属性)建立默认的最小大小。
每当元素
overflow: [hidden|scroll|auto]在 flex项目 内部 时,都需要给它的祖先flex项目
min-width:0(在水平flex容器中)或
min-height:0(在垂直flex容器中)以禁用此最小调整行为,否则,flex项将拒绝缩小到小于孩子的最小内容尺寸。
您不会在Chrome中看到此信息(至少在发布时尚未看到此信息),因为他们尚未实现此最小尺寸设置行为。(编辑:Chrome现在已经实现了这种最小化行为,但在某些情况下,它们可能仍会错误地将最小大小折叠为0。



