css - flexbox 元素的宽度被忽略

Question

http://jsfiddle.net/XW9Se/

我设置了width: 200px;左边<div>但如果我用浏览器检查器工具查看它，实际宽度似乎是随机的。它会根据窗口大小不断变化。

为什么宽度没有生效？

编辑:如果我删除 width: 100%宽度保持不变。但我需要它所以 #main div 占用剩余的宽度 :( 有没有办法让侧边栏@固定宽度和另一个 <div> 填充容器的其余宽度？width: auto; 在 #main 上不起作用..

Answer 1

Adrift 的回答很完美；但要使其更灵活的改变是

#left{
    flex-basis: 200px;
    flex-grow: 0;
    flex-shrink: 0;
}

并完全删除 width 属性。

这将是 flex 的方式来表示元素将具有 200px 的不变宽度