使导航栏填充顶部空间（不是正文边距：0；）[重复]答案

【问题标题】：Make a navbar fill top space (not body margin:0;) [duplicate]使导航栏填充顶部空间（不是正文边距：0；）[重复]
【发布时间】：2016-09-19 16:56:43
【问题描述】：

我刚开始构建一个简单的导航栏，并意识到页面顶部有某种默认的填充/边距。我尝试使用 margin:0 & 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>

【问题讨论】：

右键-检查-检查ul元素。
没想到这一点真是太愚蠢了。我不习惯使用检查功能，我应该更频繁地这样做。谢谢哥们！

标签： html css html-lists nav

【解决方案1】：

试试这个：

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

【讨论】：

这是一个 hack 不是解决方案

【解决方案2】：

ul 标签的默认填充/边距造成了我的问题。

【讨论】：