HTML / CSS：神秘的空白空间

Question

目前我的网站遇到了一个问题，我网站顶部有一个神秘的空白区域，不属于任何特定的div或HTML项目。这种情况发生在我的所有页面上，而我常用的指南对我来说就像这个问题一样愚蠢。

唉，我无法提供问题的代码片段，因为我不知道问题出在哪里然而我确实有网站的实时版本。

问题的实时版本：sch242.comeze.com

如果有人能够找出原因，我会非常感激。我已经在stackoverflow上找不到与此类似的另一个主题了。

Answer 1

在你的main.css中，下面的课提供了这个问题。

nav {
background: #FFFFFF;
color: #333333;
margin-bottom: 6em; /* Issue line*/
 }

Answer 2

从<nav id="menu"> CSS

中删除margin-bottom

nav {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    margin-bottom: 6em; //Remove this property
}

Answer 3

你的导航风格有一个底边。如果你移除它将坚持到顶部。

nav {
background: #FFFFFF;
color: #333333;
/*margin-bottom: 6em;*/
}

Answer 4

main.css文件

nav {
background: #FFFFFF;
color: #333333;
margin-bottom: 2em; /* this will make it look better */
}