在Safari或Chrome中查看此jsFiddle,然后在Firefox：
http://jsfiddle.net/brandondurham/LRJhm/中查看
它在Webkit中的样子：http://cloud.smallparade.com/B4TE
它在Firefox中的样子：http://cloud.smallparade.com/B53R
您会看到Firefox中的灵活框已损坏.两个框(.left)中的较长时间将css属性的空白设置为nowrap,因为我不希望它包装.这个单一属性使灵活的盒子中断并扩展以适应.left div的全部内容.
其他人看到过这种行为？有修复吗？
解决方法
这就是它应该如何运作. FlexBox在计算元素的固有宽度后将空间分布在空间上,它不控制元素本身的固有宽度.这就是为什么如果你没有在事物上设置明确的宽度,结果是
unintuitive,尽管工作组正在审查规范.
我的建议是try using display: table; instead,但你可能会遇到一些类似的问题.
