Html 如何将div高度从页眉拉伸到窗口底部

我正试着做一个结构，你可以在下面看到。 2.Div应从窗口的顶部延伸到底部。 顺便说一下，我使用的布局包括“页眉”和“页脚”，所以“页眉”和“页脚”来自布局。当页面打开时，只有1.div和2.div应该像这样可见，然后滚动它应该跟随其他div

---

因为您有一个具有相对高度的标题，所以可以使用JQuery执行此操作

通过从

标记高度减去

.header

高度，设置

.body

元素的高度

$（'.bodycontent'）。高度(
$（'body'）.height（）-$（'header'）.height（）
);
html，正文{
身高：100%；
}
.标题{
背景色：红色；
}
.身体内容{
背景颜色：蓝色；
}
.第三{
身高：30%；
背景颜色：粉红色；
}

标题
提供一些你已经做过的html和css你可以放置你尝试过的html和css代码…实际上，我只做了页面布局，它只包括页眉和页脚，仅此而已。页眉{padding bottom:31px；position:relative；}.footer{display:block；position:relative；}我搞不懂没有百分比怎么能使2.div像那样。但是页眉不应该有静态高度