内容超出了屏幕div的100％

Question

我有一个看起来像这样的网页：

但不幸的是，内容div（图像中的紫色div）是屏幕原始高度的100％，但是当内部内容较大时不会扩展。我尝试在内容结尾和内容div的结尾之间添加.clearfix{clear:both;}，但它不起作用。

感谢您的帮助！

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

---

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

Answer 1

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

在此处查看：http://jsfiddle.net/xCcdB/3/