100％宽度的导航栏顶部有间隙

Question

下面的这个CSS适用于在体内采用-22px的边距的解决方法。我想知道是否有更好的方法来做到这一点。我有一个全宽的背景图像，我希望导航栏是相同的。

html {


  background: repeating-linear-gradient(transparent 0%,transparent 90%,#000000 100% ),
              url("../../Images/bg2.jpg") center center no-repeat;
  background-size: 100%;
  height: 135%;

}
body{
    margin: -22px auto;
padding: 0 auto;
}
nav{

   width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;


    background-color: white;

}

Answer 1

CSS

jsFiddle

html {
  background-image: url(http://placehold.it/1800x900);
  background-size: cover;
}

body{
    margin: 0; /* override the default 10px margin */
}

nav{
   width: 100%;
   float: left;
   background-color: white;
}