jquery - CSS 或 jQuery : Make last div fill the rest of the screen height

Question

我有一组 3 个元素需要在初始屏幕上看到，而这些元素下方的正文中的内容需要位于初始屏幕底部下方，但用户仍然需要能够加载后滚动到所有内容。这方面的完美示例是 dropbox.com 上的登录页面(注销时)。

无论用户缩小多少，该行下方的元素都位于其下方，直到用户向下滚动才可见。我正在寻找一个好的 CSS 或 jQuery 解决方案。

我看过this但我不能简单地将这 3 个元素绝对化。

对我来说最好的方法是将第 3 个 div 的高度扩展到初始屏幕的底部，我该怎么做？

编辑:我总共有大约 6 个 div，我只希望前 3 个可见，而其余的必须低于初始屏幕边界。

编辑:这是 div 布局的图片:

Answer 1

$(document).ready(function(){
    var w = $(window).height(); //Gives height of whole window

    // then set css heights based on window height
});

有关如何布置 3 个 div 的更多信息将会有所帮助!

如果他们调整窗口大小，您也可以这样做。

$(window).resize(function(){
    var w = $(window).height(); //Gives new Height of window

    //Then set css heights again
});