私の部門が残りのスペースをすべて取っていないのはなぜですか？

Question

私のウェブサイトは、私が理解していない本当に奇妙な振る舞いをしています。

トップナビゲーションメニューと連絡先ボタンが表示されないのはなぜですか？

class='intro'の100％の高さが気になると思います。あまりにも高すぎます（950ピクセル、それ以下）。私は100％の高さに設定しました。なぜなら、最初のセクションの残りのスペースをすべて取っていたかったからですが、それ以上の高さが必要です。

私は失われています、私は正確に何を尋ねるのか分からない...ここで何がうまくいかないのですか？

https://cgonen.github.io/testpage/ < - このページ。そう、

更新のようなあなたのトップメニューへの絶対：：

Answer 1

はポジションを追加

.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; 
}