我想要flex-element，最小高度为100％。
始终在底部有一个子元素。
如果第一个flex子项中的内容比屏幕长，则该站点应该是正常可滚动的。
Here是我制作的一支笔。
为什么它适用于高度而不是最小高度？
height: 100%; // works
min-height: 100%; // doesn't works
答案 0 :(得分：1)
在这里回答：CSS Height working but min-height doesn't work
高度可以从定位的父级继承，但不能在具有最小高度属性的情况下继承。
这意味着.flexbox不会从包装器继承高度，因为.wrapper设置了最小高度。当您将height设置为.wrapper时，.flebox及其.grower可以确定100％的实际含义，然后它们会适应屏幕。
注意：我会说链接答案的位置部分不正确，但引用的部分是。
答案 1 :(得分：0)
min-height：有问题的元素或css类的高度不应小于指定值，即使height小于min-height的指定值也是如此。它没有指定高度是多少，它指定它不能小于它的值。
因此，如果高度为200px，则最大高度为230px，最小高度为250px，页面组件的高度为250px。在高度和最大高度之间，最大高度可以覆盖高度。
所以，如果我将你的包装类更改为如下所示，它的高度将保持80％。
{{1}}