Html 为什么我的div没有'；你不能占用所有剩余的空间吗？

我的网站有一些奇怪的行为，我不明白

为什么我的顶部导航菜单和联系人按钮没有显示

我认为

class='intro'

的100%高度有问题。它的高度太高（950px，应该更小）。我将其设置为100%高度，因为我希望它占据第一部分的所有剩余空间，但它占用的高度比这还要高

我太迷路了，我甚至不知道到底该问什么。。这里怎么了

---

将position:absolute添加到topmenu，如下所示

更新：

.hero {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1040px;
    height: 500px;
    position: absolute;
    margin: 0 auto;
    background-size: cover;
    background-image: url("img/goodtech-o.jpg");
    border-bottom: 2px solid seagreen;
}

---

您好，您需要发布相关代码，以便将您的问题复制为SO上的帖子中的a。那么我是否应该删除我的问题？然后重建网站。你只需要用相关的代码复制问题，这样我们就不必去第三方网站（随着时间的推移会发生变化，使得这篇文章与其他有同样问题的人无关）并筛选一堆不相关的代码。嘿，Michael，我想这有时是个问题，堆栈上的演示并不总是有效的，所以人们在这里创建一个不工作的演示，并在外部链接另一个演示。这里并没有这样说，但我不止一次这样说。使用绝对位置对我来说没有多大意义。。此外，它消除了响应能力。此外，.intro div中还有一个按钮和一段也不见了的内容。为什么它不象。。正常。。？因为.hero是一个普通的显示flex。菜单是一个普通的显示框。我错了，我没看到。位置：绝对适合你的英雄。至于响应性…不管怎样，您的图像没有响应，其他所有图像都没有响应。请参阅更新代码。请注意，宽度和最大宽度以及位置。