Существует разрыв в верхней части моей страницы

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 запроса для reset.css

Answer 4

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

попробовать это