不能让高度100％的div

我已经尝试了多件事情，但由于某种原因，无论我托盘如何，我无法让内部div高度达到页面的100％，并且它让我在页面中看到div的一半。我认为问题的一部分是因为我有一个固定的页脚，但我无法弄清楚或找到解决办法，特别是因为我希望网站能够响应。以下是我的网站上显示问题的示例。我相信我需要“容器流体”div的高度为100％。不能让高度100％的div

为了澄清，我希望白色部分被拉伸到页面底部。

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

来源

2014-04-27 user2472480

看起来像100％的网站你是如何意味着100％？清除缓存或以隐身模式访问网站？ –

对不起，我应该澄清，我想白色的部分被拉伸，直到页面的底部。 – user2472480

你想粘页脚在页面可见底部下面是x像素吗？ –

添加

bottom: -70px;

到

.footer2

，所以它看起来像这样在你的CSS：

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

这样牛逼他的页脚将在白色背景下方70像素，这样用户需要向下滚动才能看到页脚。

来源

2014-04-27 22:42:32

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

希望这添加到您的知识，并帮助一点点！

来源

2014-04-27 22:50:00 Brendan

啊我看到了，所以为了它的工作，我想我需要一个确定的高度，例如在我的身体？ bcuz那么它不会是无限的，但是它如何能够响应地扩展？ – user2472480

是的正确@ user2472480。你不一定要按比例“缩放”，而是确定身高，不管大小都好。我通常使网页与屏幕一样宽，因为从长远来看，宽度会影响像小屏幕这样的东西，高度可能是任何东西 – Brendan

不能让高度100％的div

回答

相关问题