html - 无法使高度为 div 的 100%

Question

我已经尝试了多种方法，但出于某种原因，无论我使用什么托盘，我都无法使我的内部 div 高度达到页面的 100%，这让我在我的网站上只能看到半页的 div。我认为问题的一部分是因为我有一个固定的页脚，但我无法弄清楚或找到解决方法，特别是因为我希望网站能够响应。这是我网站上显示问题的问题示例。我相信我需要“容器流体”div 的高度为 100%。

澄清一下，我希望将白色部分拉伸(stretch)到页面底部。

网站链接:http://steppy.herokuapp.com/users/new

Answer 1

添加

bottom: -70px;

到

.footer2

所以它在你的 CSS 中看起来像这样:

  .footer2 {
        background: none repeat scroll 0 0 #212A34;
        bottom: 0;
        height: 70px;
        position: absolute;
        width: 100%;
        bottom: -70px;
    }

这样，页脚将位于白色背景下方 70 像素处，用户需要向下滚动才能看到页脚。