爲什麼滾動條出現在帶有溢出的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。