如何使div占据剩余高度？
我有这个问题，我有两个股利：
<div style="width:100%; height:50px;" id="div1"></div>
<div style="width:100%;" id="div2"></div>
如何使div2占据页面的剩余高度？
问题答案：
使用绝对定位：
#div1{
width: 100%;
height: 50px;
background-color:red;/*Development Only*/
}
#div2{
width: 100%;
position: absolute;
top: 50px;
bottom: 0;
background-color:blue;/*Development Only*/
}
<div id="div1"></div>
<div id="div2"></div>
-
问题内容： 我有一个带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” 而不给其指定高度？ 在示例中，粉红色也应占据白色空间。 与此问题类似：如何使div占据剩余高度？ 但是我不想摆 绝对的位置 。 问题答案： 可以通过多种方式扩展子级以填充剩余的空间，具体取决于您希望获得的浏览器支持以及是否具有定义的高度。 样本 格网 CSS的布局提供了另一种选择，尽管它可能不如F
-
http://jsfiddle.net/s8g4e/ 类似于这个问题：如何使div占据剩余高度？ 但我不想给位置绝对。
-
问题内容： 如何使div填充剩余宽度？ 我如何才能填满其余部分？ 问题答案： 试试这样的事情： div自然会占用其容器的100％宽度，因此无需显式设置此宽度。通过添加与两侧div相同的左/右页边距，它自己的内容被强制置于它们之间。 请注意，“中间格”云 后 的HTML“正确的div”
-
问题内容： 我正在一个Web应用程序上工作，我希望其中的内容能填满整个屏幕的高度。 该页面具有标题，其中包含徽标和帐户信息。这可以是任意高度。我希望内容div将页面的其余部分填充到底部。 我有一个标题和一个内容。目前，我正在使用表格进行布局，如下所示： CSS和HTML 页面的整个高度已填满，不需要滚动。 对于content div中的任何内容，设置将其放在标题的正下方。有时，内容将是一个实际表，
-
问题内容： 我有一个容器div，我想至少拉伸到整个窗口的高度。如果容器div中有很多内容，我希望它可以扩展到大于窗口的高度。这可行。 在容器div中，我有一个图像。图片下方/下方，我有第二个div。我希望此嵌套div垂直拉伸以填充容器div的剩余空间。这行不通。 我试图用这张图来说明问题。我希望div以右图 左侧 所示的方式拉伸，而不是像 右图 右侧所示。 以下是我的代码。如您所见，在这段代码中，
-
我试图让id为的div作为列表项填充页面上的剩余高度。我对web开发前端相当陌生，尝试过几种不同的方法，但似乎都不起作用。 绿色边框的div是我想填充剩余高度的，也保持表单在上面。由于某种原因，窗口的整个高度已经有一个滚动条，我在想黑色/红色边框会一直到屏幕的底部，但也因为某种原因超过了它。关于如何解决这些问题有什么想法吗？ HTML/CSS标记：