Flexbox容器和溢出的flex儿童？

Question

我已经做到了这一点：http://codepen.io/Canapin/pen/NNwMeq

＆＃13;

＆＃13;

#a {
  height: 150px;
  border: 1px solid black;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
}

.b {
  background: yellow;
  height: 50px;
  border: 1px solid black;
  width: 50px;
  margin: 10px;
}

＆＃13;

<div id="a">
  <div class="b">1</div>
  <div class="b">2</div>
  <div class="b">3</div>
  <div class="b">4</div>
  <div class="b">5</div>
</div>

＆＃13;

＆＃13;

＆＃13;

有没有办法让容器根据其内容具有灵活的宽度，如内联块？

编辑：这应该是预期的结果：