Jquery 对齐窗内高度底部的div

我有一个头部的高度等于窗户的内部高度。这使得收割台的子项处于相同的位置，就好像收割台的高度未定义一样。我想在页眉底部放置一个特定的子项，而不考虑其高度。实际上，在向下滚动之前，div将位于屏幕底部。是否有一些简洁的jquery解决方案

$（文档）.ready（函数（）{
函数setHeight（）{
windowHeight=$（window.innerHeight（）；
$（'header'）.css（'min-height'，windowHeight）；
};
设置高度（）；
$（窗口）。调整大小（函数（）{
设置高度（）；
});
});
标题{背景色：黑色；宽度：100%；}
#顶部{背景色：蓝色；}
#中间{填充：1em；背景色：红色；}
#底部{背景色：绿色；}

顶部
居中
底部
我不知道为什么你有一个高度等于窗户高度的标题标签。但是为了帮助你的问题你可以用

我给你一个解决方案，你可以不用js

将正文和html标记高度设置为100%

body, html {
    height:100%;
}

header {
    min-height: 100%;
}

#bottom {
    position: absolute;
    bottom: 0;
}

这就是你要找的吗？
我不知道为什么你有一个高度等于窗户高度的标题标签。但是为了帮助你的问题你可以用

我给你一个解决方案，你可以不用js

将正文和html标记高度设置为100%

body, html {
    height:100%;
}

header {
    min-height: 100%;
}

#bottom {
    position: absolute;
    bottom: 0;
}

这就是您想要的吗？
您根本不需要JS或jQuery。下面是另一个解决方案：

header {
    height: 100vh;
}

这意味着观众身高的100%。在CSS中，它是一个漂亮的单元。
您根本不需要JS或jQuery。下面是另一个解决方案：

header {
    height: 100vh;
}

这意味着观众身高的100%。在CSS中，它是一个漂亮的单元。
添加相关的代码配合。使用代码更新，尽管此代码段中似乎无法识别innerheight。添加相关的代码配合。使用代码更新，尽管此代码段中似乎无法识别innerheight。