html - 内容超出屏幕 div 的 100%

Question

我有一个网页应该是这样的：

但不幸的是，内容 div（图中紫色的 div）是屏幕原始高度的 100%，但当里面的内容变大时，它并没有扩大。我尝试.clearfix{clear:both;}在内容的结尾和内容 div 的结尾之间添加一个，但它不起作用。

感谢大家的帮助！

这是一个 JSFiddle：http: //jsfiddle.net/xCcdB/

---

编辑：当我说“屏幕结束”时，我的意思是一直到屏幕底部，即使你必须向下滚动。

Answer 1

将 的位置更改.content为position:absolute。

看到它在这里工作：http: //jsfiddle.net/xCcdB/3/