CSS或jQuery：使最后一个div填充屏幕的其余高度

Question

我有一组3个元素需要在初始屏幕上看到，而这些元素下面的主体中的东西需要在初始屏幕的底部以下，但是用户仍然需要能够滚动到所有内容加载后。完美的示例是dropbox.com上的登录页面（退出时）。

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

我已经看到了这一点，但是我不能简单地将这三个元素绝对化。

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

编辑：我总共有大约6格，并且我只希望前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
});