html - 当没有边距/填充时，导航为什么不反对包装？

Question

我不希望导航 div 上方有空间。它是否默认添加空间？在设计 View 中，这不是空间。但在预览中，还有空间。请帮忙。我试过了，但没用。

我的编码是:

<div id="container">
<div class="nav">
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Contact Us</a></li>
</ul>

CSS:
.nav ul li {
float: right;
list-style-type: none;
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #000;
}
.nav ul li a {
color: #000;
text-decoration: none;
display: block;
text-align: center;
height: 36px;
width: 80px;
line-height: 36px;
background-color: #FFF;
}
.nav ul li a:hover {
color: #F00;
}
.nav {
margins: 0px;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Helvetica, sans-serif;

#container {
background-color: #CCC;
width: 100%;
overflow: hidden;

Answer 1

我不确定您当前的 CSS 是什么样子，但这里有一个基本示例可以说明我认为您正在尝试做的事情。

https://jsfiddle.net/tfb2L5vd/

.nav {
    background:#eee;
}

body {
    margin:0;
}

ul {
    margin:0;
}

我已经去除了 和 元素的边距，以消除页面顶部的间距。添加背景颜色以强调。