html - flex 基础不起作用

Question

我有两个 flex 元素； #left 应该是 640px 宽，#right 应该只填充容器的剩余部分，但是如果 #right 中有很长的单词，它忽略了 #left 的 flex-basis:640px，基本上把它变成了一些奇怪的 % 宽度。如果我删除 #right 的内容，一切都会按预期进行。

http://jsfiddle.net/f49nL0o7/

Answer 1

好吧，我明白了。由于 flex-shrink 默认为所有 flex 元素的 1，我必须在 #left 上将其设置为 0所以它不会弄乱宽度。