身高：100％ - 不是100％？

Question

关于100％高度元素存在大量问题。关于如何保持页脚的问题也存在很多问题。嗯，这又是另一个......

我一直在构建一个网站，我在页脚上放置100％高度元素时遇到问题。 My page looks currently like this.

我已经尝试了几乎所有可能找到的东西，但似乎没有任何效果。如果你看一下CSS代码，你会找到一些会破坏页脚定位和高度设置的东西吗？

Answer 1

查看The css sticky footer

您希望您的HTML类似于：

<div id="wrap">

    <div id="main">

    </div>

</div>

<div id="footer">

</div>

因此，在您的示例（您的网站）中，您希望footer超出container。在这里，您只需检查上面提供的链接上的CSS，当您的DIV扩展到最大高度时，您的页脚将粘贴在页面底部。

Answer 2

#contentWrapper{
 padding: 0;
 margin-left: 230px;
 height: 100%;
 background-color: #FFFFFF;
 overflow: auto; /*I added this*/
}

#grass {
 background: url("../images/layout/grass.png") repeat-x;
 width: 100%;
 bottom: 59px;
 height: 248px;
 position: fixed; /*Change absolute to fiexed*/
}