更新
添加有效的代码：
.container { display: -webkit-flex;}.container>div:first-child{ white-space:nowrap; -webkit-order:1; -webkit-flex: 0 1 auto; text-overflow: ellipsis; overflow:hidden; min-width:0; }.container > div:last-child { -webkit-flex: 1; -webkit-order:2; background: red; -webkit-flex:1 0 auto; }.container > div:first-child:hover{ white-space:normal;}<div > <div>foo barfoo bar</div> <div>foo bar</div></div><div > <div>foo barfoo barfoo barfoo barfoo barfoo barfoo bar foo barfoo barfoo barfoo barfoo barfoo barfoo bar foo barfoo barfoo barfoo barfoo barfoo barfoo bar</div> <div>foo bar</div></div><div > <div>foo barfoo bar</div> <div>foo bar</div></div><div > <div>foo barfoo barfoo barfoo barfoo barfoo barfoo bar foo barfoo barfoo barfoo barfoo barfoo barfoo bar foo barfoo barfoo barfoo barfoo barfoo barfoo bar</div> <div>foo bar</div></div><div > <div>foo barfoo bar</div> <div>foo bar</div></div>原始答案/解释。W3C规范说：“ 默认情况下，弹性项目不会缩小到其最小内容大小（最长的单词或固定大小的元素的长度）以下。要更改此设置，请设置“最小宽度”或“最小高度”属性。“
如果我们遵循这一思路，我相信该错误已从Canary中删除，而不是相反。
只要我把检查min-width到0，它工作在加那利。
因此，该错误是在较早的实现中出现的，而canary删除了该错误。
