html - 将 flexbox 侧边栏的最大高度设置为永远不会超过其他框

Question

我有一个包含两列的 flex 布局:一列 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/

你必须在 sidebar 中放置一个 div 并将其 height 设置为 0，它会诀窍。