如何使柱子弯曲高度：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%;}