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

Question

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

这是小提琴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。