使导航条填充顶部空间(不是body margin:0;)

Question

我刚开始构建一个简单的导航栏，并意识到在页面顶部有某种默认的填充/边距。我试着用margin:0 &填充:0，但它只解决了水平问题。我在OS X El Capitan上使用chrome浏览器。

body{
	margin:0;
	padding:0;
}
#navigation{
	width:100%;
	height:auto;
	background-color:orange;
}
li{
    list-style-type:none;
	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标签的默认padding/margin导致了我的问题