如何製作一個列flex有高度：100％？

Question

我想作以下填補了視垂直：

http://codepen.io/anon/pen/lkpKu

然而，將height: 100%到外層div，只要它具有display: flex不起作用。

http://codepen.io/chriscoyier/pen/qazmI

其中有沒有問題水平填補了視：

這是從分叉。

任何方式來完成此？我很樂意看到黑客，但理想情況下，這並不需要我例如使用Javascript手動實現相同的效果（我知道該怎麼做，而不是問）。

我只是想讓這個工作在最新的Chrome上。

Answer 1

只需爲html和body標籤添加100％的高度即可。 html, body{ height:100%;}