为什么我的div不会占用所有剩余空间？

我的网站真的很奇怪，我不明白。为什么我的div不会占用所有剩余空间？

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

我认为class='intro'的100％高度是搞乱了。它需要的高度太高（950px，应该更少）。我已将它设置为100％高度，因为我希望它能够占据第一部分的所有剩余空间，但占用的空间比这更高。

我很迷茫，我甚至不知道该问什么问题。这里有什么问题？

https://cgonen.github.io/testpage/ < - 此页面。

来源

2017-02-24 Hyrule

嗨，你需要发布相关的代码重现您的问题作为[MCVE]在您的文章上SO。 –

所以我应该删除我的问题？最小重建网站。 – Hyrule

你应该只复制相关的代码的问题，所以我们不必去第三方网站（随着时间的推移，随着时间的推移，这个职位不相关的其他人有相同的问题），并通过一堆筛选不相关的代码。 –

添加位置：像这样的绝对给您的顶部菜单，

更新：

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

来源

2017-02-24 19:24:24

对我来说，使用绝对位置并没有什么意义，再加上它消除了响应。另外，.intro div里面有一个按钮和一个段落，它也消失了。为什么它不像...正常..？因为.hero是一个正常的显示器。该菜单是一个正常的显示框。 – Hyrule

我的错误我没有看到。地位：绝对是你的英雄。至于响应......无论如何，你的形象没有反应，所有其他人都是。 –

查看更新代码。请注意，宽度和最大宽度以及位置。 –

为什么我的div不会占用所有剩余空间？

回答

相关问题