我的网页顶部有一个缺口

Question

这里有一个JS Fiddle
我已经尝试了一些不同的东西，比如body { margin:0; padding:0;}，它不起的作用

body {
margin: 0;
width: 100%;
height: 3000px;
}

Answer 1

查看页眉边距：

#header {
    width: 100%;
    /*margin: 20px 0;*/
    z-index: 1;
}

空间来自于此。删除它。

Answer 2

这被称为保证金崩溃。。请尝试替换此。。

#header {
    width: 100%;
    z-index: 1;
}

小提琴请参阅此以获取详细答案

Answer 3

将reset.css文件添加到您的网页中。向谷歌请求reset.css

Answer 4

 margin: 0px 20px 0 20px; or margin-top:-10px;

试试这个