css - 容器 Div 未扩展到内部 div 内容

Question

我整晚都在看，我一定是做错了什么，因为我之前看到过这个问题或类似的问题。很抱歉需要再次询问。

我有一个包含其他一些 div 的容器 div，它不会随内部 div 内容一起扩展。代码可以在这里找到:http://jsfiddle.net/pR7bq/

我无法删除 height: 100%;来自#container，因为它也需要容纳更少的内容。我已经看到提到使用

<br style="clear:both" />

但我要么使用不当，要么无法正常工作。我在这里找到了对相同或类似问题的写得很好的答案:What methods of ‘clearfix’ can I use? ，但是，我不知道将代码放在哪里。我最好的尝试都失败了。我也尝试过使用溢出属性，但我不希望滚动条出现在 div 而不是页面上，如果这有意义的话。

感谢所有帮助，并提前感谢您。

Answer 1

现在习惯于 min-height 而不是 height

像这样

#container{
height:100%; // remove this line
min-height:100%; // add this line 
}

Live Demo