html - 使页脚拉伸(stretch)到页面底部而不使用 body 标签

Question

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

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

这是CSS代码:

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

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

以下是网站链接: http://www.humanenergygroup.com/oil-and-gas-uk

Answer 1

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

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

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