Javascript 整个屏幕上的背景图像<；main>；要素

我的目标是在整个代码< >代码>元素上有一个背景图像，但是<代码> <代码>元素没有扩展到页面的底部（或者在我的例子中是页脚），我能做什么，因为<代码> <代码>刚刚结束在页面的中间？

html{
身高：100%；
框大小：边框框；
}
身体{
背景色：#F5；
保证金：0；
填充：0；
位置：相对位置；
最小高度：100%；
}
/* ---------------------------------------------------------------- */
#富尔曼{
填充顶部：109px；
填充底部：86px；
文本对齐：居中；
背景：#F5 url（“http://pre06.deviantart.net/2bf3/th/pre/i/2010/284/b/d/autumn_fortest_ii_by_lotusonlinede-d30jn9b.jpg）无重复中心；
背景尺寸：封面；
最小高度：100%；
}
#标题{
背景色：#25211e；
边框底部：6px实心#1d1a18；
文本对齐：居中；
位置：固定；
左：0；
排名：0；
宽度：100%；
高度：103px；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
z指数：99；
}
#标题{
字体系列：“标题字体”；
颜色：#c1b497；
字体大小：45px；
显示：内联块；
边缘底部：10px；
边缘顶部：15px；
}
/* ---------------------------------------------------------------- */
#页脚{
背景色：#25211e；
边框顶部：6px实心#1d1a18；
文本对齐：居中；
位置：绝对位置；
右：0；
底部：0；
左：0；
高度：80px；
z指数：98；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
}
#功劳{
字体系列：“Helvetica”；
字体大小：14px；
颜色：#c1b497；
字体大小：600；

我的页面
我的页面
页脚

图像位于整个背景中，我只需将位置和宽度添加到#fullmain id

html{
身高：100%；
框大小：边框框；
}
身体{
背景色：#F5；
保证金：0；
填充：0；
位置：相对位置；
最小高度：100%；
}
/* ---------------------------------------------------------------- */
#富尔曼{
文本对齐：居中；
背景：#ec2222 url(http://pre06.deviantart.net/2bf3/th/pre/i/2010/284/b/d/autumn_fortest_ii_by_lotusonlinede-d30jn9b.jpg)无重复中心；
背景尺寸：封面；
身高：100%；
宽度：100%；
位置：绝对位置；
}
#标题{
背景色：#25211e；
边框底部：6px实心#1d1a18；
文本对齐：居中；
位置：固定；
左：0；
排名：0；
宽度：100%；
高度：103px；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
z指数：99；
}
#标题{
字体系列：“标题字体”；
颜色：#c1b497；
字体大小：45px；
显示：内联块；
边缘底部：10px；
边缘顶部：15px；
}
/* ---------------------------------------------------------------- */
#页脚{
背景色：#25211e；
边框顶部：6px实心#1d1a18；
文本对齐：居中；
位置：绝对位置；
右：0；
底部：0；
左：0；
高度：80px；
z指数：98；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
}
#功劳{
字体系列：“Helvetica”；
字体大小：14px；
颜色：#c1b497；
字体大小：600；

我的页面
我的页面
页脚

您忘了将#all标记也设置为100%高度

#all {
    height: 100%;
}

---

享受=]

首先，你必须分享你所做的努力，这是源代码。把它放在body元素上。body{}我曾几次成为它的受害者，朋友=]