製作一個導航欄填充頂部空間（非body邊距：0;）

Question

我剛開始構建一個簡單的導航欄，並意識到頁面頂部有某種默認的填充/頁邊距。我嘗試使用margin：0 & padding：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標記的默認填充/保證金建立了我的問題。