Javascript 页面上的白色div页脚扩展，如何扩展？

我试图制作一个白色的

div

，从页面上的点（a）延伸到点（B），如图所示。我希望这样，当页面被扩展时，白色从pooint（A）一直占据到浏览器的末尾，这样下方就不会显示背景灰，即使页面从下方扩展

---

如果您想让页脚粘在页面底部，Ryan Fait有一个众所周知的解决方案，您可以在这里找到：

---

基本上，它的工作原理是将页脚绝对定位并放在底部，然后在页面底部添加一个“push”元素，以确保页脚不会出现在内容的顶部。

如果您正在寻找粘性页脚，kpsuperplane的答案就是它 但在我看来，你想有一个DIV，在你的内容下面，并延伸到你的浏览器底部

如果是这样的话，检查一下这个例子，我在拉伸的地方做得很快 底部div填充浏览器高度的结果区域-顶部区域。每次调整大小时执行

js

---

酷。到目前为止你都做了些什么？不，不，当滚动时，它会粘到底，只是当浏览器被扩展时，照片中灰色的部分是白色的。主体的其余部分是灰色的瓦片颜色，但我希望页脚部分是白色的，即使在扩展浏览器页面时也是如此。因为我现在可以简单地添加一个从a向下延伸的div…但是指定高度是个问题，因为分辨率可能会非常高，如果不一直延伸，他们会看到灰色。一种方法是简单地将页面背景设置为“白色”并将灰色部分作为内容的背景-当然，这是考虑到您的所有内容都在包装元素中。主体的背景当前是您现在看到的灰色图像，div将位于主体内部的div容器中，ID为footer。所以我不知道该怎么做，我可以将div背景设置为白色，但一旦页面展开，白色页脚下方会显示灰色…这是我不想要的。Hrm，似乎对我的一些页面有效，但是在主页上，我的页脚看起来有600+px的高度，我需要看看你的代码，看看还有什么其他的东西在影响它。基本上，本例假设您只有一个上方区域和一个下方区域，因此，如果您有任何其他元素，您可能需要检查css，以查看是否存在任何可能导致div未定义高度的内容。如果您能够查看，它将在此处活动：（正如您在firebug中看到的，它只将该页面的底部宽度设置为巨大，而其他页面看起来很好？）每次我调整窗口大小时，它都会抛出一个内联css元素{height:625px；}…当我在firebug中取消选中它时，高度就是其他页面应该的高度。但在扩展时，它也会做同样的事情，只针对索引页面。我明白了，是的，上面的div没有定义高度，因为里面有“绝对”位置元素（请参阅块格式化上下文）.这就是为什么它不能正确计算高度的原因。但除此之外，似乎你只是想为屏幕更大的人提供一个清晰的区域，对吗？如果是这样的话，你不需要做所有这些。你可以在背景div下定义一个颜色，每次有人拉伸它时，它都会显示这个颜色。

$(function() {
    function stretch(){
        $(".area2").css({"height" : $(window).height() - $(".area1").height() });
    }
    $(window).on("resize", function(){
        stretch();
    });
    stretch();
});