html - 如何制作全高？ (尝试了所有选项)

Question

我正在制作一个网站。

Website

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

我尝试了什么:
- 显示器:柔性
- 高度:100%
- 最小高度:100%

我该如何解决这个问题？

Answer 1

容器也必须具有指定的高度才能使“高度:100%”起作用。

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