使导航栏填充顶部空间（不是正文边距：0;）

Question

我刚刚开始构建一个简单的导航栏，并意识到页面顶部有一些默认的填充/边距。我尝试使用保证金：0＆amp; padding：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标签的默认填充/边距创建了我的问题。