如何删除导航栏上方的白色 space？

Question

我想要一个没有上边框的导航栏，但是即使我设置"margin"为0px，也有一点space。

我该如何删除 space？

代码：

#navigationBar {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #333;
}

li {
  display: inline;
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  margin: 0px;
  text-decoration: none;
}

.active {
  background-color: #999999;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  margin: 0px;
  text-decoration: none;
}

<nav>
  <ul id="navigationBar">
    <li class="active">Site1</li>
    <li>Site2</li>
    <li>Site3</li>
    <li>Site4</li>
    <li>Site5</li>
  </ul>
</nav>

Answer 1

您没有删除 body 和 html 的默认边距。添加：

html,body{margin:0}

body,html{margin:0}
#navigationBar {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        background-color: #333;
    }

    li {
        display: inline;
        float: left;
            display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        margin: 0px;
        text-decoration: none;
    }

    .active {
        background-color: #999999;
    }

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        margin: 0px;
        text-decoration: none;
        
        }

<nav>
  <ul id="navigationBar">
      <li class="active">Site1</li>
      <li>Site2</li>
      <li>Site3</li>
      <li>Site4</li>
      <li>Site5</li>
  </ul>
</nav>

Answer 2

使用 eric meyers reset css 重置所有预设边距等，然后删除默认边距。

如何删除导航栏上方的白色 space？

How do I remove the white space above my navigation bar?

html

css

navigationbar