Google chrome 如何使柱具有100%的高度？

我要使以下内容垂直填充视口：

但是，只要外部div具有

display:flex

，将

height:100%

应用到外部div就不起作用

这是从：

水平填充视口没有问题

有没有办法做到这一点？我很乐意看到黑客攻击，但理想情况下，这并不要求我（例如）使用Javascript手动实现相同的效果（我知道如何实现，我并不要求）

---

我只是想在最新的Chrome浏览器上运行这个功能。

只需在html和body标签中添加100%的高度即可

html，body{height:100%；}

只需将100%的高度添加到html和body标记中即可

html，body{height:100%；}

html和body标记的内部内容高度是默认高度。检查它将解决我们的疑问。html和body标记的内部内容高度是默认高度。查一查，这将解决我们的疑问。