Html 容器不会延伸到页面底部

我现在非常沮丧。我不明白为什么我的容器不能扩展到页面底部。它到达可见窗口的底部，但如果向下滚动超过该窗口，则背景结束

我的基本结构是这样的

<div id='container'>
    <div id='content'>
        /*Some Content here but all divs opened here are closed. (Title Bar, Nav, etc)
        <div id='mainTableContainer'>
             /*This is where a bulk of the code is. A table is generated in PHP and it
                gets fairly lengthy.
        </div>
    </div>
</div>

}

我尝试了很多在这个网站上找到的技巧，但都没用。我不认为有什么是浮动的。我尝试将所有高度设置为100%，我尝试设置最小宽度。。。我想不出来

编辑： 好的，我做了一个JSFILDDLE 因此，如果您将jsfiddle中显示秒的大小缩小到小于表的大小，然后刷新它，您将看到背景不会一直向下，而表在空中“浮动”。

---

您试图选择一个类，但容器是一个ID，因此您需要：

#container

而不是

.container

如果这不能解决问题，请尝试在HTML标记而不是容器上设置背景CSS

html{
    height:100%;    
    background:#ccc url(images/bg.png);
}

---

etc

我在IE中使用的一个技巧是在CSS规则中为要扩展的容器专门设置display:block，这个技巧在IE中有混合的结果

例如：

#container {
display: block;
height: 100%;
}

---

如果我完全理解你在问什么，如果你移除

html {height: 100%;}

---

容器填满了空间

考虑在演示中重现此问题。不要忘记将容器更改为最小高度：100%，以便在内容激活垂直滚动时其背景延伸到页面之外。哦，很抱歉，类/id混淆。不是这样。我输入了html，但是剪切粘贴了css，所以我错过了。它们在我的代码里是一样的啊，对不起！试试HTML的东西：HTML的东西会产生更糟糕的结果。我正在尝试使用单列布局，中间为白色960px，侧面为灰色。但是白色不会延伸到底部…嗯。。。尝试从.content中删除顶部和底部填充，并将其放在容器或主体上。否则，我们可能需要JSFIDLE进一步帮助，对不起！是的，这也值得一试！让你成为一个小提琴手：如果它不正确，调整它，看看我们是否能提供帮助！我犯了个错误，那是我的问题。请查看我的原始帖子。对不起，伙计，半睡半醒，现在请查看：

html {height: 100%;}