我的网页顶部有一个空白

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

这称为Margin Collapsing .. 尝试替换这个..

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

FIDDLE 并参考Detailed Answer

Answer 3

将reset.css文件添加到您的网页。问google for reset.css

Answer 4

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

试试这个