100％身高（动态加载内容）

Question

我想在我的网站上有一个背景。内容静态时工作正常。 在使用javascript扩展内容时，body元素不会在滚动区域上增长。 我的问题类似于这个问题：Div height 100% and expands to fit content

注意：我使用了很多花车而且无法制作固定的背景div，因为我的网站无法访问。

需要以某种方式解决这个问题。也许用JS？

Html, Body
{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

Body {
  display: block;
  background: url('../Images/page-bgr-top.png') center top repeat-x,
              url('../Images/page-bgr-content.png') center top repeat-y;
}

更新：Nathan Lee回答了我的帮助。我的问题是滚动条移动背景，我所有其他居中的内容都保持原位。

body {overflow:auto;}

Answer 1

将overflow:auto;添加到您的身体。

body {overflow:auto;}

希望这有帮助。

Answer 2

将height: 100%更改为min-height: 100%;：

html, body
{
  width: 100%;
  min-height: 100%;
  background-color: #ffffff;
}

你告诉你body总是和窗口一样高，所以它实际上就是那样 - 不扩展以适应文档的高度。使用最小高度，您可以实现这一目标

在此处查看演示：http://jsfiddle.net/meyertee/Lpgwa/

Answer 3

当您使用float时，是否有任何理由使用float？尝试删除浮动并添加display: block;或display: inline-block？