css - 如何使 <div> 随着内容量垂直拉伸(stretch)？

Question

我有一个垂直 div，里面有五个小 div。现在，我希望前两个和后两个具有特定的高度，中间的高度可以改变，具体取决于其中的内容量。此外，整个 div 可能应该有一个最小高度，以便它可以很好地适应页面，底部的两个 div 应该固定在页面底部。我只被允许使用 CSS。由于我没有这方面的任何代码，假设这四个固定 div 的高度为 100px，它们被命名为#one、#two 等。 提前致谢。

Answer 1

你可以只使用:

.two {
  min-height: 100px;
  height: auto;
}

https://jsfiddle.net/5cLd2ybv/