使用Flexbox的页脚

Question

尝试使用flexbox制作页脚时出现问题。我希望页脚使用align-items: flex-end显示在网页的底部。我在这个网站上找到了一个答案，说我需要为我的代码添加100％的高度，但是当我这样做时，它增加了超过屏幕的高度并使其成为所以我需要滚动才能看到页脚。这是我正在做的事情的基础（我让整个页脚变绿了，所以我可以看到发生了什么）：

http://jsfiddle.net/kk4jec81/2/

提前感谢您的帮助！