navbarの上空を埋めるようにしましょう（ボディマージンではなく; 0;）

Question

私は、単純なnavbarを構築し始めました。ページ上部に何らかのデフォルトのパディング/マージンがあることに気付きました。私はmargin：0 &パディング：0を使ってみましたが、水平の問題のみを修正しました。 OS X El CapitanでChromeを使用しています。

body{ 
 
\t margin:0; 
 
\t padding:0; 
 
} 
 

 
#navigation{ 
 
\t width:100%; 
 
\t height:auto; 
 
\t background-color:orange; 
 
} 
 

 
li{ 
 
    list-style-type:none; 
 
\t display:inline-block; 
 
}

<nav id="navigation"> 
 
    <ul> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="">php stuff</a></li> 
 
     <li><a href="">about me</a></li> 
 
     <li><a href="">Contact</a></li> 
 
    </ul> 
 
</nav>

Answer 1

これを試してみてください：

#navigation { 
width: 100%; 
height: auto; 
background-color: orange; 
position: absolute; 
top: 0px; 
} 

Answer 2

ULタグのデフォルトのパディング/マージンは私の問題を作成しました。