html - 在不使用正文标签的情况下使页脚拉伸页面底部

Question

我一直在研究这个几个小时，现在尝试不同的解决方案，但似乎没有一个对我有用，我不确定我做错了什么，或者它是否是我正在使用的模板。我已经尝试过 cssstickyfooter，但这对我也不起作用。

我已经在页面中设置了背景图像，因此我无法使用将 body 标签设置为背景颜色的解决方案。调试 div 需要一直延伸到页面底部。我已经使用 chrome 缩小了，但它没有这样做。

这是css代码：

#rt-debug {
   background-color: #BF953F;
   padding-bottom: 15px;
   border-top: 4px solid #2A9685;
}

我在调试周围添加了一个 footer2 div 来测试 cssstickyfooter 解决方案

score 2 · Accepted Answer

最简单的方法是将以下内容添加到您的#rt-debug div：

#rt-debug {
    position: fixed;
    bottom: 0;
    width: 100%;
}

这将确保它始终是整个页面宽度，并使其“粘”在窗口底部。

score 1 · Accepted Answer

这有点小技巧，但你可以像这样使用 jQuery：

var t = $("#rt-debug").offset().top;
var ih = window.innerHeight;
$("#rt-debug").css('height',ih-t + "px");

这是一个 jsfiddle：http: //jsfiddle.net/tLNCW/

2 回答 2