Firefox，Flexbox&溢出 [英] Firefox, Flexbox & overflow

问题描述

最后一次firefox更新后，一些css3代码已损坏... 示例（jsfiddle）。

After last firefox-update some of css3-code has been broken... Example (jsfiddle).

• 在chrome中：
  


• 在firefox 34中：
  

这是错误吗？还是正常工作？我需要改变什么来解决它？为什么 #flex 不正确调整大小？

Is it bug? Or normal working? What do i need to change to fix it? Why #flex don't resize properly?

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; }

推荐答案

修正：

input { min-width: 1px; }

垂直方向 - min-height ;

For vertical direction - min-height;

这篇关于Firefox，Flexbox&溢出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！