如何制作全高？ （尝试了所有选项）

Question

我正在做一个网站。

Website

我可以让面板达到网站的全高。 （页面顶部面板的 50% 和底部面板的 50%）

我尝试了什么：
- 显示：Flex
- 身高：100%
- 最小高度：100%

我该如何解决这个问题？

Answer 1

容器也必须具有指定的高度才能使 "height: 100%" 正常工作。

html, body { height: 100%; }
.menu {
    height: 100%;
    margin: 0 auto;
    padding: 0.5em 0;
}
.menu-row { height: 50%; }

Answer 2

我猜，您指的不是网站而是视口（"can not" 而不是 "can"）。 那么这可能会有所帮助：

body {height: 100vh;}
nav {height: 100%;}