为什么滚动条出现在带有溢出的flexbox中：visible？

Question

如this fiddle所示，我有一个overflow-x: hidden和overflow-y: visible的div，它仍然显示一个滚动条。从外部div删除display: flex或高度属性或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

具有溢出-X/Y的问题是，visible不能与其他值在这种情况下混合，所以， visible将被视为auto。