为什么滚动条出现在带有溢出的弹性框中：可见​​？

Question

正如在this fiddle 中看到的，我有一个带有overflow-x: hidden 和overflow-y: visible 的div，它仍然显示一个滚动条。从外部 div 或 overflow-x: hidden 中删除 display: flex 或 height 属性可以解决问题。

这是小提琴的 HTML：

<div class="outer">
  <div class="inner">Text<br>More text<br>Even more text</div>
</div>

CSS：

div.outer {
    display: flex;
    height: 30px;
    overflow: visible;
}
div.inner {
    overflow-x: hidden;
    overflow-y: visible;
    border: 1px solid black;
}

Answer 1

overflow-x/y 的问题是visible 不能与其他值混合，所以在这种情况下，visible 将被视为auto。