将flexbox侧边栏的最大高度设置为永不超过另一个框

Question

我有一个包含两列的弹性布局：一列sidebar，一张content。

我需要一种方法来使侧边栏的高度永远不会高于盒子内容的高度。

我的CSS是：

.layout {
  display: flex;
}
.sidebar {
}
.content {
  flex: 1;
}

http://codepen.io/FezVrasta/pen/WvwZxo

我该怎么办？

Answer 1

找到解决方案：

http://dcousineau.com/blog/2011/07/14/flex-box-prevent-children-from-stretching/

您必须在div内加sidebar并将其height设置为0，这样才能实现。