如何使<div>垂直拉伸内容量？

Question

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

Answer 1

你能使用：

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

https://jsfiddle.net/5cLd2ybv/

Answer 2

您可以执行以下操作，您只需设置元素

即可

display:block;

这是一个例子：

＆＃13;

＆＃13;

#container{
	border:1px solid black;
}
.element{
	display: block;
	height:100px;
	width:100px;
	margin:0px;
	border:1px solid;
}

＆＃13;

	<div id="container">
		<div class="element"></div>
		<div class="element"></div>
		<div class="element"></div>
		<div class="element"></div>
		<div class="element"></div>
	</div>  

＆＃13;

＆＃13;

＆＃13;