外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？
可以设置外层自适应高度的容器为flex布局，利用flex-basis属性即可实现自动填满剩余高度；代码如下：
.container{
display: flex;
flex-flow: column nowrap;
height: 500px;
border: 2px dashed orange;
}
.area1 {
flex-basis: 300px;
background-color: lightblue
}
.area2 {
flex: 1;
background-color: darkcyan;
}
<section class="container">
<div class="area1">300px</div>
<div class="area2">other</div>
</section>
在线demo
-
问题内容： 我有两个div容器。 尽管一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？ 问题答案： 请参阅： http ： //jsfiddle.net/SpSjL/ （调整浏览器的宽度） HTML： CSS： 您也可以使用这样做，这通常是一种更好的方法：如何将输入元素与其标签放在同一行？
-
问题内容： 我有两个div容器。 虽然其中一个需要为特定宽度，但我需要对其进行调整，以便另一个div占用其余空间。有什么办法可以做到吗？ 问题答案： HTML： CSS： 您也可以使用这样做，这通常是一种更好的方法：如何将输入元素与其标签放在同一行？
-
问题内容： 我是角度新手:-)我只是想将一个div的尺寸设置为另一个，请给予任何帮助。 在控制器中，我添加了： 返回宽度和高度，但未应用 问题答案： 我已经为您的问题创建了解决方案。首先，我将向您解释我做了什么以及为什么这样做。 Angular中的一项基本准则是，应避免在控制器中处理div等DOM元素，而应在指令中执行与DOM元素有关的大多数操作。 指令允许您将功能绑定到特定的dom元素。在这种情
-
问题内容： 我的HTML代码只是将页面分为两列，分别为65％，35％。 在中 ，我有可变数据；在中 ，我有固定数据。即使两个具有两个不同的数据集，我也需要它们以相同的高度显示，以便背景色看起来好像填充了包含两者的框。当然，问题出在 ，因为其高度取决于当前显示在其中的数据量。 如何确保两列的高度始终相等？ 问题答案： 将其包裹在包含背景色的包含div中，并在“列”之后添加一个清除div。 更新以解决
-
问题内容： 我有一个带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” 而不给其指定高度？ 在示例中，粉红色也应占据白色空间。 与此问题类似：如何使div占据剩余高度？ 但是我不想摆 绝对的位置 。 问题答案： 可以通过多种方式扩展子级以填充剩余的空间，具体取决于您希望获得的浏览器支持以及是否具有定义的高度。 样本 格网 CSS的布局提供了另一种选择，尽管它可能不如F
-
http://jsfiddle.net/s8g4e/ 类似于这个问题：如何使div占据剩余高度？ 但我不想给位置绝对。