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

我试图制作一张白色div，它从页面上的点（A）延伸到页面上的点（B），如图所示。我希望这样，当页面被扩展时，白色从点（A）一直到浏览器的末端，从而即使当页面从下面延伸时，下面也不会显示bg灰色。页面上的白色div页脚扩展，如何？

enter image description here

2013-03-24 user2122206

酷。你试过什么了？ – 2013-03-24 23:15:22

如果你talkinng有关使页脚粘在页面的底部，瑞安既成事实有一个众所周知的解决方案，这一点，你可以在这里找到： http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ 基本上它是如何工作的是你将页脚绝对放置并放在底部，并在页面底部添加一个“push”元素以确保页脚不会进入内容的顶部。

来源

2013-03-24 23:16:36

没有不希望让它粘在滚动条粘到底部的地方，只是当浏览器延长时，照片中灰色的部分是白色的。身体的其余部分是灰色的瓷砖颜色，但我希望页脚部分是白色的，即使在浏览器页面被扩展时也是如此。因为我现在可以简单地添加一个现在从A向下延伸的div ...但指定高度是问题，因为解决方案可能会非常高，然后如果它不是一直延伸，它们会看到灰色 – user2122206 2013-03-24 23:28:34

嗯，单向这样做只是简单地将页面的背景设置为“白色”，并将灰色部分作为内容的背景 - 这当然是考虑到您的所有内容都在包装元素中 – 2013-03-25 01:03:48

那么身体的背景当前是您现在看到的灰色图像，div将位于具有页脚ID的div容器中的正文内。所以不知道如何工作，我可以将div背景设置为白色，但是一旦页面展开后，灰色将显示在白色页脚下方......这是我不想要的。 – user2122206 2013-03-25 01:49:39

如果你正在寻找粘脚，kpsuperplane的答案是woould 但在我看来，你想有一个DIV低于你的内容，并延伸到浏览器底部？

如果是这种情况检查这个例子，我做了非常快速的地方，我正在拉伸底部div来填充该区域，这是浏览器高度的结果 - 顶部区域。每次调整大小时都会执行。

http://jsfiddle.net/99FpT/

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

来源

2013-03-24 23:34:58 Ignacio

Hrm似乎适用于我的一些页面，但在主页面上它似乎使我的页脚达到600 + px的高度。 – user2122206 2013-03-25 02:07:56

我将不得不看你的代码，看看有什么其他的东西影响它。基本上这个例子假设你只有一个区域和一个波纹管，所以如果你有任何其他元素，你可能需要检查你的CSS，看看你是否有任何可能导致一个div没有定义高度。 – Ignacio 2013-03-26 02:19:43

如果你能够看一看它的活在这里：http：//alturl.com/u8k84（正如你可以在萤火虫中看到的那样，它只会将该页面的底部宽度设置得很大，因为其他页面看起来很好？） – user2122206 2013-03-26 04:43:01

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

回答

相关问题