css - Firefox、Flexbox 和溢出

Question

在上次 firefox 更新后，一些 css3 代码已被破坏... Example (jsfiddle)。

• 在 Chrome 中:
• 在 Firefox 34 中:

是bug吗？还是正常工作？我需要更改什么来修复它？为什么 #flex 不能正确调整大小？

HTML:

<div id="outer">
    <div id="flex">
        <label>123</label>
        <input type="text" value="some text" />
    </div>
</div>  

CSS:

#outer { display: flex; }

#flex {
    display: flex;
    border: 1px solid green;
    outline: 1px solid red;
}

label { flex: 0 0 80px; }

Answer 1

修复:

input { min-width: 1px; }

垂直方向 - min-height;