Javascript 100%身体高度(动态加载内容)

Javascript 100%身体高度(动态加载内容),javascript,html,css,Javascript,Html,Css,我喜欢在我的网站上有一个背景。在内容静止时工作正常。 使用javascript扩展内容时,body元素不会在滚动区域上增长。 我的问题与这个问题类似: 注意:我已经使用了大量的浮动,无法创建固定的背景div,因为我的网站无法访问 我们需要设法解决这个问题。也许是JS Html, Body { width: 100%; height: 100%; background-color: #ffffff; } Body { display: block; background: u

我喜欢在我的网站上有一个背景。在内容静止时工作正常。 使用javascript扩展内容时,body元素不会在滚动区域上增长。 我的问题与这个问题类似:

注意:我已经使用了大量的浮动,无法创建固定的背景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;}
添加溢出:自动;为了你的身体

body {overflow:auto;}
希望这有帮助。

添加溢出:自动;为了你的身体

body {overflow:auto;}

希望这有帮助。

当您使用float时会发生这种情况,是否有任何理由使用float?尝试移除浮动并添加显示:块;或显示:内联块?

使用浮点时会发生这种情况,使用浮点有什么原因吗?尝试移除浮动并添加显示:块;或显示:内联块?

将高度:100%更改为最小高度:100%;:

你告诉你的身体总是和窗口一样高,所以它实际上是这样的-不扩展以适应文档的高度。以最小高度,你允许这种情况发生

请参见此处的演示:

将高度:100%更改为最小高度:100%;:

你告诉你的身体总是和窗口一样高,所以它实际上是这样的-不扩展以适应文档的高度。以最小高度,你允许这种情况发生


请参见此处的演示:

yes-wow,但现在滚动条移动背景,所有其他居中的内容保持在位。yes-wow,但现在滚动条移动背景,所有其他居中的内容保持在位。