我的问题可能是最好的例子.以下jsfiddle将在Chrome中运行：
正如你所看到的,我有一个固定高度的flexBox,具有固定的标题和可滚动的主体.到现在为止还挺好.但是,如果将“.lhs”容器的“height”CSS更改为max-height：
max-height: 100px;
它打破了现在看来,我的名单现在是零高！任何想法为什么这样做正在做什么,以及我如何解决它？
编辑：我的原始帖子中没有足够的描述,我想要这样做.基本上,外部应仅使用所需的最小高度,但只能达到最大值(由max-height定义).此时,我想要内容开始滚动.
