Question

我尝试了很多东西，但由于某些原因，无论我托盘什么，我都无法让我的内部div高度达到页面的100％，而且它让我在我的网站上看到了半页的div。我认为问题的一部分是因为我有一个固定的页脚，但我无法弄清楚或找到解决方法，特别是因为我希望网站有响应。以下是我网站上显示问题的问题示例。我相信我需要“容器流体”div的高度为100％。

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

网站链接：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像素，这样用户需要向下滚动才能看到页脚。

Answer 2

原因是网页几乎是无限的，所以你说100％的无限，浏览器无法解释。根据内容的多少，你可能会看到你的div被打成一个小空间。因此，如果div中有一个句子，并且div高度为100％，那么div将与句子中的文本数量相同。在做背景图像时我遇到了同样的问题。您最好的希望是遵循上面的建议并给出像素长度或任何其他长度。你怎么能有一个基本上无限的百分比？

希望这增加了你的知识并帮助了一点！

无法使高度100％的div

2 个答案: