html - 主体未扩展到 100% 高度

Question

我正在尝试将 body 高度设置为 100%，这似乎是一个非常标准的做法。我已经完成了一千次没有问题，但由于某种原因它在这里不起作用。我有这个登录页面，body 只有一个位置不是 absolute 的子 div(还有另外两个 div 有 absolute 位置。这让我抓狂。我用 Google 搜索过/StackOverflowed，我遇到的每篇文章都说了同样的话:将高度设置为 100%。我还尝试设置 min-height: 100% 但没有任何效果。如果我设置 height: 600px 高度会扩展，但不是百分比。

这是一个 Fiddle重现问题。

我尝试过的其他一些事情包括更改 body 的位置和显示，但没有成功。

更新

好的，所以我再次检查了我的 Fiddle，我猜它没有重现我遇到的问题，所以我附上了一张截图来演示这个问题。如您所见，body 高度不是 100%。我已将 html 的高度设置为 100%。

Answer 1

你的 fiddle 对我使用 Firefox 43 没有问题，你的浏览器是什么？您也可以尝试将 html 设置为 100%: html { height: 100%; }