我的网页顶部有一个空白

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

space由此而来。删除它。

Answer 2

这叫做Margin Collapsing.. 尝试替换这个..

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

FIDDLE 并参考 Detailed Answer

Answer 3

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

Answer 4

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

试试这个

There is a gap at the top of my webpage