如何制作页面全高的包装？答案

【问题标题】：How to make wrapper of full height of page?如何制作页面全高的包装？
【发布时间】：2012-12-08 04:38:18
【问题描述】：

请访问http://appkify.com，它的 wordpress 网站。

当您单击类别选项卡时，包装器的高度会降低到内容高度。他们有什么办法让它全高吗？

我尝试添加以下属性，但它随后将正文背景作为所有帖子的边框。

html,body, #wrapper {
  height:100%;
}

【问题讨论】：

尝试只使用 html, body {height:100%;) 然后将 height:100% 添加到您已有的#wrapper css。我在 Firebug 中尝试过，它成功了。
它可以工作，但页脚文本在保存后被隐藏。
我刚刚确认了比利所说的。这似乎行得通。您可能希望使用#wrapper {min-height: 100%;} 而不是height，但以防wrapper div 超过页面高度。
感谢@DavidFaux，#wrapper {min-height: 100%;} 运行良好！

【解决方案1】：

包装器具有自动高度。它被创建了。并且随着您向其中写入内容，它会变得更大。但是，通过将高度设置为 100%，当在编写包装器时发生溢出时，它将在您的网页上而不是在浏览器上获得滚动条。

【讨论】：