页面上的白色div页脚扩展,如何?

时间:2013-03-24 23:12:18

标签: javascript jquery html5 css3

我正在尝试制作一个白色div,从页面上的点(A)延伸到点(B),如照片所示。我想要它,以便当页面被扩展时,白色从点(A)一直向下到浏览器的末尾,这样即使从下面扩展页面,也不会在下面显示bg灰色。

enter image description here

2 个答案:

答案 0 :(得分:0)

如果你正在谈论让页脚粘在页面底部,Ryan Fait有一个众所周知的解决方案,你可以在这里找到: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ 基本上它是如何工作的是你绝对放置页脚并将其放在底部,并在页面底部添加一个“推”元素,以确保页脚不会在内容的顶部。

答案 1 :(得分:0)

如果你正在寻找粘性页脚,kpsuperplane的回答应该是它 但在我看来,你想拥有一个低于你内容的DIV,并且延伸到浏览器的底部?。

如果是这种情况,请查看这个例子我在伸展的地方做得非常快 底部div填充浏览器高度的结果 - 顶部区域。每次调整大小时都会执行。

http://jsfiddle.net/99FpT/

JS

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